JSFiddle - React, Tailwind, and code Playground

by Naeel Maqsudov

HTML

<div style="width:300px; height:100px; border:1px solid #000">
  qwerty <input id="F123" type="file">
</div>

JavaScript

$('input').change(function(e){
  console.log(e.originalEvent.target.files[0]);
  fr = new FileReader();
  fr.onload = function(){
    alert(this.result);
  }
  fr.readAsDataURL(e.originalEvent.target.files[0])
})