JSFiddle - React, Tailwind, and code Playground

by ronnjoe

HTML

<input type="file" id="files" name="files[]" multiple />
 <output id="list"></output>

JavaScript

function handleFileSelect(evt) {
    var fileDisplayArea = document.getElementById('list');
    console.log("hi");
    var file = evt.target.files; 
    console.log(file);
    //var textType = /xlsx.*/;
    for (var i = 0, f; f = file[i]; i++) {   
      var reader = new FileReader();    
      reader.onload = function(e) {
        fileDisplayArea.innerText = reader.result;
      }    
      reader.readAsText(file[i]);
    }
 }
 document.getElementById('files').addEventListener('change', handleFileSelect, false);