注意：不是 100% 跨浏览器

检查浏览器兼容性@ http://caniuse.com/#search=FileReader

正如您将看到的那样，人们对不太常见的浏览器有问题，但这可能归结为浏览器的版本。我总是建议使用caniuse之类的东西来查看支持哪一代浏览器…这只是一个为用户工作的答案，而不是供人们使用的最终复制和粘贴代码..

小提琴：http: //jsfiddle.net/d2atnbrt/3/

HTML代码：

<input type="file" id="my_file_input" />
<div id='my_file_output'></div>

JS代码：

var oFileIn;

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


function filePicked(oEvent) {
    // Get The File From The Input
    var oFile = oEvent.target.files[0];
    var sFilename = oFile.name;
    // Create A File Reader HTML5
    var reader = new FileReader();

    // Ready The Event For When A File Gets Selected
    reader.onload = function(e) {
        var data = e.target.result;
        var cfb = XLS.CFB.read(data, {type: 'binary'});
        var wb = XLS.parse_xlscfb(cfb);
        // Loop Over Each Sheet
        wb.SheetNames.forEach(function(sheetName) {
            // Obtain The Current Row As CSV
            var sCSV = XLS.utils.make_csv(wb.Sheets[sheetName]);   
            var oJS = XLS.utils.sheet_to_row_object_array(wb.Sheets[sheetName]);   

            $("#my_file_output").html(sCSV);
            console.log(oJS)
        });
    };

    // Tell JS To Start Reading The File.. You could delay this if desired
    reader.readAsBinaryString(oFile);
}

这也需要https://cdnjs.cloudflare.com/ajax/libs/xls/0.7.4-a/xls.js转换为可读格式，我还使用 jquery 仅用于更改 div 内容和dom 就绪事件.. 所以不需要 jquery

这是我能得到的最基本的，

编辑 - 生成表格

小提琴：http: //jsfiddle.net/d2atnbrt/5/

第二个小提琴显示了一个生成您自己的表的示例，这里的关键是使用 sheet_to_json 以正确格式获取数据以供 JS 使用..

第二个小提琴中的一个或两个评论可能不正确，因为第一个小提琴的修改版本.. CSV 评论至少是

测试 XLS 文件： http: //www.whitehouse.gov/sites/default/files/omb/budget/fy2014/assets/receipts.xls

这不包括 XLSX 文件，使用他们的示例应该很容易调整它们。