JSFiddle - React, Tailwind, and code Playground

HTML

<form action="#">
  <input type="file" name="file" id="file">
  <div id="preview">

  </div>
</form>

CSS

#preview img{
  width: 100px;
}

JavaScript

$('#file').change(function() {
  var fr = new FileReader();
  fr.onload = function() {
    var img = $('<img>').attr('src', fr.result);
    console.log(fr.result)
    $('#preview').append(img);
  };
  fr.readAsDataURL(this.files[0]);
});