inviare file senza ricaricare la pagina

**Sam Stone** · 29-09-2004, 13:37

Salve a tutti, volevo porvi un quesito:
Devo inviare un file ad un server da una pagina html.
Con una form e un input di type file funziona, però:

Il mio primo problema è che vorrei farlo senza ricaricare la pagina, mentre con una submit si ricarica.

Il secondo problema è che vorrei apire il browse senza cliccare sul bottone dell'<input type="file">.
Questo problema l'ho risolto sotto explorer: clicco da un'altra parte, tipo su una immagine e richiamo il metodo click dell'input (che tra l'altro lascio nascosto).
Con mozilla però non funziona.

Sono aperto ad altre soluzioni, anche esotiche, basta che siano compatibili con mozilla.

Ciao e grazie.

**Francis87** · 29-09-2004, 14:10

x l'invio di un form DEVI ricaricare la pagina..

e ke vuol dire "Il secondo problema è che vorrei apire il browse senza cliccare sul bottone dell'<input type="file">. "?

**Sam Stone** · 29-09-2004, 14:23

In una pplicazione web, per modificare il valore di una immagine , preferisco che la finestrella del browse si apra quando clicco sull'immagine stessa anzichè sul pulsantino generato dall' <input type="file"> .
Posso tenere nascosta l'area di testo col pulsantino settando lo style l'input a display:none.
Cliccare sull'immagine chiama il metodo click dell'input
Purtroppo con mozilla non funziona.

Ecco un esempio:

<html>
<body>
<input type="file" id="input" style="display:none"/>
[img]immagine.gif[/img]
</body>
</html>

**simone.xml** · 29-09-2004, 14:25

puoi aggirare il problema usando un javascript che processi il form, anche se non ci ho mai provato per i file.

**simone.xml** · 29-09-2004, 14:27

...devi usare sulla action javascript:void() o return false e sfruttare l'evento onclick sul bottone

**Sam Stone** · 29-09-2004, 14:28

Nel caso delle stringhe, è possibile passare dei valori a un server anche senza una form.
In effetti per le stringhe una form non fa altro che attaccare in coda a un url di base una lista di parametri coi valori, per esempio
?x=1;y=3;z=2

Quindi basta richiamare un siffatto indirizzo per ottenere lo stesso effetto dell'invio della form.
Con i file questo non sembra possibile, purtroppo

**Sam Stone** · 29-09-2004, 15:43

Per simone.xml

Intendi dire una cosa del genere?
Secondo te funzionerebbe?
Se va risolverebbe il 90% dei miei problemi (con questa applicazione) e il 100% di quelli importanti.
Ciao e grazie.

<html>
<body>
<form action="javascript:return false;"/>
<input type="file"/>
<input type="submit"/>
</form>
</body>
</html>

**simone.xml** · 29-09-2004, 15:56

così il form si limita a non fare nulla

...utilizza il bottone così

<form action="javascript:void();">
<input type="button" onclick="inviaform()">

in js scrivi la funzione inviaform() che farà le operazioni di invio del form (magari lo fa in una finestra a parte)... una soluzione che ora mi è venuta in mente ma in molti potrebbero dire che è una cosa poco pulita

e fare questo

<form action="quellochevuoi" target="_blank">

che aprirà in una finestra nuova l'action del form, lasciando stare js.

**Sam Stone** · 30-09-2004, 10:48

Provato il secondo sistema, sembra funzionare alla grande sia su explorer e che su mozilla.
Inoltre, con una piccola modifica, non serve più neanche il bottone di submit.
Adesso provo l'altro approccio.
Grazie davvero, mi hai dato un grande aiuto.
Ciao.

<html><body>

<form action="pippo.html" target="_new" id="form">
<input type="file" onchange="getElementById('form').submit()"/>
</form>

</body></html>

**simone.xml** · 30-09-2004, 10:56

prego

Discussione: inviare file senza ricaricare la pagina

Strumenti discussione

Ricerca discussione

Visualizza

inviare file senza ricaricare la pagina

Permessi di invio