SheetJS读取Excel文件内容

看看我1
看看我2
Object.keys()
Object.values()

<!DOCTYPE html>

<html>
<head>
    <meta name="viewport" content="width=device-width" />
    <title>Test</title>
    <script src="~/Scripts/jquery-3.4.1.js"></script>
    <script src="~/Scripts/xlsx.full.min.js"></script>
</head>
<body>

    <div style="margin:20px">
        <input id="fileExcel" type="file" onchange="getExcelData(this)" style="width: 320px;">
<pre><p style="font-family: sans-serif;"></p></pre>
    </div>
    <script>

        //读取Excel数据
        function getExcelData(obj) {
            var reader = new FileReader();

            //文件加载完成后调用
            reader.onload = function (e) {
                var data = e.target.result;

                //type为buffer时，IE浏览器不兼容xls
                //var workbook = XLSX.read(data, {
                //    type: 'buffer'
                //});

                //兼容IE，需把type改为binary，并对data进行转化
                var workbook = XLSX.read(arrayBufferToBinaryString(data), {     //手动转化
                    type: 'binary'
                });

                //获取json格式的Excel数据
                var jsonData = XLSX.utils.sheet_to_json(workbook.Sheets[workbook.SheetNames[0]], {
                    defval: 'null'  //单元格为空时的默认值
                });
                document.querySelector("p").innerHTML = JSON.stringify(jsonData, null, "\t");
                //document.querySelector("p").innerHTML = JSON.stringify(jsonDataToCells(jsonData), null, "\t");
            };

            //加载文件
            reader.readAsArrayBuffer(obj.files[0]);

            //不兼容IE，该特性是非标准的，请尽量不要在生产环境中使用它！
            //reader.readAsBinaryString(file);
            
        }

        //ArrayBuffer转BinaryString
        function arrayBufferToBinaryString(data) {
            var o = "",
                l = 0,
                w = 10240;
            for (; l < data.byteLength / w; ++l) o += String.fromCharCode.apply(null, new Uint8Array(data.slice(l * w, l * w + w)));
            o += String.fromCharCode.apply(null, new Uint8Array(data.slice(l * w)));
            return o;
        }

        //转化为交错数组格式(兼容IE)
        /*
           [
           [], //第一行数据
           [], //第二行数据
           [], //第三行数据
           []  //第Ｎ行数据
           ]
        */
        function jsonDataToCells(jsonData) {
            var cellsData = [];     //用于存储所有数据
            var rowData = [];       //用于临时存储每行数据
            var jsonDataKeys = Object.keys(jsonData[0]);
            for (var i = 0; i < jsonData.length; i++) {

                //IE不兼容
                //cellsData.push(Object.values(jsonData[i]));

                for (var j = 0; j < jsonDataKeys.length; j++) {
                    rowData.push(jsonData[i][jsonDataKeys[j]]);
                }
                cellsData.push(rowData);
                rowData = [];
            }
            return cellsData;
        }

    </script>
</body>
</html>

__EOF__

本文作者：vvull
本文链接：https://www.cnblogs.com/vvull/p/14764568.html
关于博主：评论和私信会在第一时间回复。或者直接私信我。
版权声明：本博客所有文章除特别声明外，均采用 BY-NC-SA 许可协议。转载请注明出处！
声援博主：如果您觉得文章对您有帮助，可以点击文章右下角【推荐】一下。您的鼓励是博主的最大动力！