abrir el cuadro de diálogo de carga de archivos al hacer clic

Question

Tengo que abrir el cuadro de diálogo de carga de archivos haciendo clic en otro botón, es decir, oculto el control de carga de archivos (visibilidad: oculto) y al hacer clic en otro botón quiero abrir ese diálogo. A continuación se muestra el código que estoy teniendo:

<input type="file" style="visibility: hidden;" /> 

A continuación se muestra el código JavaScript:

$('#button').click(function() { 
    $('input[type=file]').click(); 
}); 

Se está trabajando bien en Firefox 4 e IE8 pero en chrome12 no está funcionando es decir, el diálogo no es siendo abierto ¿Alguna idea de por qué?

Answer 1

Debe colocar la entrada [archivo] justo encima de su control personalizado. Y luego vincularlo a él en clic.

También haga que el tamaño de letra sea más grande, ya que solo de esta manera puede aumentar su altura.

Answer 2

En su ejemplo, su entrada de archivo no tenía una identificación, pero está intentando hacer referencia a ella con #input. Esto funciona para mí:

$('#button').click(function() { 
    $('input[type=file]').click(); 
}); 

Answer 3

Probado hoy el código simple dada en la pregunta y la situación ha cambiado:

• IE9: trabaja
• Chrome23: trabaja
• Firefox15: obras

Solo hay un IE capturable .click() es una operación de bloqueo mientras que en otros navegadores no lo es.