filereader in html5

by Chetan Motamarri

HTML

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

CSS

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

TypeScript

function doOpen(evt: any) {
  var files = evt.target.files,
      fileReader = new FileReader();
      fileReader.onload = function (event: any){
      			debugger;
            console.log("This is an event print on load" + fileReader.result);         
        }
     
      fileReader.readAsArrayBuffer(files[0]);
}
    
var openbtn = document.getElementById("openselect"),
    showout = document.getElementById("showresult");
openselect.addEventListener("change", doOpen, false);