filereader in html5

by Bryan McIntosh

HTML

<input type="file" id="openselect" />
<textarea id="showresult"></textarea>
<div id="checker">m</div>
<div id="checker2">n</div>

CSS

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

JavaScript

function doOpen(evt) {
    var files = evt.target.files,
        reader = new FileReader();
    reader.onload = function () {
        var theResult = this.result;
        showout.value = theResult;
        var jsonObj = $.parseJSON("[" + theResult + "]");
        $("#checker").text(jsonObj[0]);
        $("#checker2").text(jsonObj[1].grinDetails);

    };
    reader.readAsText(files[0]);
}

var openbtn = document.getElementById("openselect"),
    showout = document.getElementById("showresult");
openselect.addEventListener("change", doOpen, false);