js实现 excel文件转json格式字符串

最新推荐文章于 2025-04-23 20:29:15 发布

Fetoris

最新推荐文章于 2025-04-23 20:29:15 发布

阅读量1k

点赞数 3

本文链接：https://blog.youkuaiyun.com/weixin_43296748/article/details/104692376

版权

本文介绍如何利用js将Excel文件转换成JSON格式。首先需要下载xlsx.full.min.js库，然后通过提供的代码示例，将Excel数据读取并转换为JSON，该过程可以在HTML页面中实现。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

下载xlsx.full.min.js文件

可以直接执行命令 npm install --save xlsx 来安装依赖

实现代码

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="./js/xlsx.full.min.js"></script>
</head>
<body>
<input type="file" onchange="importf(this)"/>
<pre id="demo"></pre>
</body>
<script>
    /*
   FileReader共有4种读取方法：
   1.readAsArrayBuffer(file)：将文件读取为ArrayBuffer。
   2.readAsBinaryString(file)：将文件读取为二进制字符串
   3.readAsDataURL(file)：将文件读取为Data URL
   4.readAsText(file, [encoding])：将文件读取为文本，encoding缺省值为'UTF-8'
   */
    let wb;//读取完成的数据
    let rABS = true; //是否将文件读取为二进制字符串
    // let replacer = null;
    function replacer(key, value) {
        // console.log(key + ':' + value);
        return value;
    }


    function importf(obj) {//导入
        if (!obj.files) {
            return;
        }
        let f = obj.files[0];
        let reader = new FileReader();
        reader.onload = function (e) {
            let data = e.target.result;
            // console.log(data);
            if (rABS) {
                wb = XLSX.read(btoa(fixdata(data)), {//手动转化
                    type: 'base64'
                });
            } else {
                wb = XLSX.read(data, {
                    type: 'binary'
                });
            }
            let xlsxData = XLSX.utils.sheet_to_json(wb.Sheets[wb.SheetNames[0]]);
            let list1 = getList1(wb);
            xlsxData = AddXlsxData(xlsxData, list1);
            //wb.SheetNames[0]是获取Sheets中第一个Sheet的名字
            //wb.Sheets[Sheet名]获取第一个Sheet的数据
            document.getElementById("demo").innerHTML = JSON.stringify(xlsxData, replacer, '\t');
        };
        if (rABS) {
            reader.readAsArrayBuffer(f);
        } else {
            reader.readAsBinaryString(f);
        }
    }

    function fixdata(data) { //文件流转BinaryString
        let 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;
    }

    // 获取excel第一行的内容
    function getList1(wb) {
        let wbData = wb.Sheets[wb.SheetNames[0]]; // 读取的excel单元格内容
        let re = /^[A-Z]1$/; // 匹配excel第一行的内容
        let arr1 = [];
        for (let key in wbData) { // excel第一行内容赋值给数组
            if (wbData.hasOwnProperty(key)) {
                if (re.test(key)) {
                    arr1.push(wbData[key].h);
                }
            }
        }
        return arr1;
    }

    // 增加对应字段空白内容
    function AddXlsxData(xlsxData, list1) {
        let addData = null; // 空白字段替换值
        console.log(xlsxData)
        for (let i = 0; i < xlsxData.length; i++) { // 要被JSON的数组
            for (let j = 0; j < list1.length; j++) { // excel第一行内容
                if (!xlsxData[i][list1[j]]) {
                    xlsxData[i][list1[j]] = addData;
                }
            }
        }
        return xlsxData;
    }

</script>
</html>