explorador de archivos abiertos utilizando jQuery

Question

tengo el siguiente código:

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

Cuando el usuario hace clic en "Seleccionar un archivo", también se supone que tiene que abrir el explorador de archivos como cuando se pulsa en el botón "Examinar" generado por <input type="file" />, donde el usuario puede seleccionar un archivo.

Funciona bien en Chrome e IE7. ¿Cómo lo hago funcionar en Firefox?

Answer 1

Créanme, ya tuve problemas al respecto. No funcionará en Firefox y no encontré una respuesta sobre cómo hacerlo funcionar.

Sospeché que está intentando personalizar el aspecto de su archivo de entrada. Sugiero que uses opacidad. Establezca la opacidad del archivo de entrada en cero, para que no sea visible. Luego coloque encima el elemento de dos tramos encima. Entonces podrías diseñar el lapso tanto como quieras. Cuando hace clic en cualquiera de los tramos, el clic en el archivo de entrada también se activa.

simple demo

añaden notas:

Con que usted tiene el poder de cambiar el aspecto del archivo de entrada. El problema es que la opacidad no funcionará en IE6. ;)

Answer 2

Hay una forma mejor de abrir el diálogo (funciona en todos los navegadores modernos en este momento). Sólo cambia

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

a

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