JSFiddle - React, Tailwind, and code Playground

by sivashanmugam kannan

HTML

<img id="image-preview"  style="height:100px; width:100px;"  src="" >

<input style="display:none" id="input-image-hidden" onchange="document.getElementById('image-preview').src = window.URL.createObjectURL(this.files[0])" type="file" accept="image/jpeg, image/png">

<button  onclick="HandleBrowseClick('input-image-hidden');" >UPLOAD IMAGE</button>


<script type="text/javascript">
function HandleBrowseClick(input_image)
{
    var fileinput = document.getElementById(input_image);
    fileinput.click();
}     
</script>