Imagen como explorar de input file

[maestrodenada]

En el correo yahoo, observo que hay un botón que se llama adjuntar, que al pulsar se activa el cuadro de dialogo para seleccionar un archivo. (me funciona eso, tanto en IE como en firefox). Desgraciadamente no puedo ver el código de esto, o si lo veo no lo comprendo (que será lo más probable).

Me gustaría hacer lo mismo con una imagen. Esto es que al pulsar sobre una imagen, "en realidad" pulsaramos sobre el botón examinar del input type='file', campo que permanecería oculto.

Luego, tras validar el fichero (formato y tamaño), se refresca la imagen.

A ser posible, me gustaría una solución (para el segundo párrafo) válida para firefox e IE.

GRACIAS

[JavierB]

Hola maestrodenada. Bienvenido al foro.

Aquí tienes un enlace que te puede servir:

http://www.quirksmode.org/dom/inputfile.html

Saludos,

[maestrodenada]

Mi inglés es very bad, pero me parece entender que lo que hace es utilizar una imagen del mismo tamaño que el botón explorar, a mí me gustaría, poner una imagen tipo carnet.

En cualquier caso muchas gracias por atenderme tan rápidamente

[maestrodenada]

En IE he conseguido solucionar el problema, nada tan sencillo como
en la imagen poner onclick="forms['nombreform'].nombrefile.click()"
y ocultar el campo file.

Pero en firefox, no se como hacerlo, una ayuda,...

Gracias.