Excel 到 JSON 的 JavaScript 代码？

我想将excel表格数据转换为json。它必须是动态的，因此有一个上传按钮，用户可以在其中上传 Excel 工作表，然后将数据转换为 json。您能给我提供 javascript 代码吗？我尝试了 SheetJS 但无法弄清楚。我更喜欢直接的东西:)

我真的很感谢你的帮助！

注意：不是 100% 跨浏览器

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

正如您所看到的，人们在使用不太常见的浏览器时遇到了问题，但这可能取决于浏览器的版本。我总是建议使用类似的东西caniuse查看支持哪一代浏览器...这只是用户的工作答案，而不是供人们使用的最终复制和粘贴代码..

小提琴：http://jsfiddle.net/d2atnbrt/3/ 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 https://cdnjs.cloudflare.com/ajax/libs/xls/0.7.4-a/xls.js为了转换为可读格式，我还使用jquery仅用于更改div内容和dom就绪事件..所以不需要jquery

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

编辑 - 生成一个表

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

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

第二个小提琴中的一两个注释可能与第一个小提琴的修改版本不正确。CSV 注释至少是

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

这不包括 XLSX 文件，因为使用它们的示例应该很容易对其进行调整。