JSFiddle - React, Tailwind, and code Playground
HTML
<input type='file' id="imgInp" />
<img class="little" id="blah" src="" alt="your image" />
CSS
.little {
width: 100px;
}
JavaScript
function readURL(input) {
if (input.files && input.files[0]) {
var reader = new FileReader();
reader.onload = function (e) {
$('#blah').attr('src', e.target.result);
}
reader.readAsDataURL(input.files[0]);
}
}
$("#imgInp").change(function(){
readURL(this);
});