JSFiddle - React, Tailwind, and code Playground

by KheinHtoo

HTML

<html>
<body>
<div class="uploadImgContainer">
    <img src="images/upload_wText.png" id="uploadImgCont" alt="Image"/>
</div>
<div class="uploadButtonContainer">
    <input type = "file" id="uploadImageBtn"/>
</div>
<script>
function uploadPetImg(imagePath){
	document.getElementById('uploadImgCont').src=imagePath;
}
window.onload=function(){
	document.getElementById('uploadImageBtn').addEventListener('change',function(event){
  		var imagePath=URL.createObjectURL(event.target.files[0]);
      uploadPetImg(imagePath);
  });
  }
</script>
</body>
</html>