<input type="file" id="my_file_input" />

<div id="list"></div>
var oFileIn;

$(function() {
    oFileIn = document.getElementById('my_file_input');
    if(oFileIn.addEventListener) {
        oFileIn.addEventListener('change', filePicked, false);
    }
});


function filePicked(oEvent) {
    var oFile = oEvent.target.files[0];
    var sFilename = oFile.name;
    var reader = new FileReader();
    reader.onload = function(e) {
        var data = e.target.result;
        var cfb = XLS.CFB.read(data, {type: 'binary'});
        var wb = XLS.parse_xlscfb(cfb);
        wb.SheetNames.forEach(function(sheetName) {
            var sv = XLS.utils.make_csv(wb.Sheets[sheetName]);   
            var ojs = XLS.utils.sheet_to_row_object_array(wb.Sheets[sheetName]); 
            console.log(ojs);
            ojs.forEach(function (el){
              console.log(el.name)
            })
        });
    };
     reader.readAsBinaryString(oFile);
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

  1. https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.1/jquery.min.js
  2. https://cdnjs.cloudflare.com/ajax/libs/xls/0.7.4-a/xls.js