JSFiddle - React, Tailwind, and code Playground
HTML
<input type="file" name="this">
JavaScript
function handleFile(e) {
var reader = new FileReader();
reader.onload = function (event) {
alert("reader.onload called"); //<-----
var img = new Image();
img.onload = function () {
clickedImg.src = img.src;
}
img.src = event.target.result;
}
reader.readAsDataURL(e.target.files[0]);
}
$('input').on('change', function(e){
handleFile(e);
});