browser di file aperti utilizzando jQuery

Question

ho il seguente codice:

<p onclick="jQuery('#file').click()">Select a file</p> 
<input type="file" id="file" name="file" /> 

Quando l'utente fa clic su "Seleziona un file", si suppone anche per aprire il browser dei file come quando si preme il pulsante "Sfoglia" generato da <input type="file" />, in cui l'utente può selezionare un file.

Funziona perfettamente in Chrome e IE7. Come posso farlo funzionare in Firefox?

Answer 1

Fidati di me, mi sono già messo nei guai. Non funzionerà su Firefox e non ho trovato una risposta su come farlo funzionare.

Ho il sospetto che tu stia cercando di personalizzare l'aspetto del tuo file di input. Suggerisco, tu usi l'opacità. Imposta l'opacità del file di input su zero, per renderlo non visibile. Quindi metti sopra l'elemento a due span sopra di esso. Quindi puoi modellare l'intervallo quanto vuoi. Quando fai clic su uno qualsiasi degli intervalli, viene attivato anche il clic sul file di input.

Con che avete il potere di cambiare l'aspetto del file di input:

simple demo

note aggiunto. Il problema è che l'opacità non funziona su IE6. ;)

Answer 2

C'è un modo migliore per aprire la finestra di dialogo (funziona in tutti i browser moderni in questo momento). Basta cambiare

jQuery('#file').click(); 

a

jQuery('#file').trigger('click');