JSFiddle - React, Tailwind, and code Playground

HTML

<script>
    function upload(){
    document.getElementById("image_src").click();
}
</script>

<div class="container">
    <img id="img" src="http://postimg.org/image/rg17ffpxh/" onclick="upload()" alt="hellp"/>
    <input type="file" name="image_src" id="image_src" />
        
    </div>

CSS

.container{
    width:500px;
    border:black solid 1px;
    text-align:center;
    padding:4px;
    
    
}
#image_src {
    position:absolute;
    left:-9999px;

}
#img { cursor:pointer; }