JSFiddle - React, Tailwind, and code Playground
HTML
<img id="target" />
<input type="file" id="select_image" name="image" onchange="putImage()" />
JavaScript
function showImage(src, target) {
var fr = new FileReader();
fr.onload = function(){
target.src = fr.result;
}
fr.readAsDataURL(src.files[0]);
}
function putImage() {
var src = document.getElementById("select_image");
var target = document.getElementById("target");
showImage(src, target);
}