JSFiddle - React, Tailwind, and code Playground

by Chetan Motamarri

HTML

<input type="file" id="openselect" />
<textarea id="showresult"></textarea>

CSS

#showresult {
  width:98%;
  height: 300px;    
}

JavaScript

function doOpen(evt) {
  var files = evt.target.files,
      fileReader = new FileReader();
      fileReader.onload = function (event){
      			debugger;
            console.log(fileReader.result);         
        }.bind(this); 
     
      fileReader.readAsArrayBuffer(files[0]);
}
    
var openbtn = document.getElementById("openselect"),
    showout = document.getElementById("showresult");
openselect.addEventListener("change", doOpen, false);