Básicamente lo que quiero es que cuando al dar clic a esta imagen:
(https://i.imgur.com/d47Erf0.png)
se abra un input file como este:
(https://i.imgur.com/yY5xcVy.png)
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
.imagen-para-archivo input {
display:none;
/*si lo de arriba no funciona bien usar
visibility:hidden;*/
}
el html
<div class="imagen-para-archivo">
<label for="boton-archivo">
<img src="imagen.jpg" />
</label>
<input id="boton-archivo" type="file" />
</div>