Abrir input file al dar clic a una imagen

[Hermer]

Básicamente lo que quiero es que cuando al dar clic a esta imagen:

se abra un input file como este:

[engel lex]

podrías usar un label para sumplantar al boton y como el label es tan flexible como un div podrías hacer cualquier cosa

el css

Código (css) [Seleccionar] Expandir

.imagen-para-archivo input {
 display:none;
/*si lo de arriba no funciona bien usar
 visibility:hidden;*/
}

el html

Código (html4strict) [Seleccionar] Expandir

<div class="imagen-para-archivo">
 <label for="boton-archivo">
   <img src="imagen.jpg" />
 </label>

 <input id="boton-archivo" type="file" />
</div>