Foro de elhacker.net

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>