用js如何把Excel表格转化为JSON串

最新推荐文章于 2024-06-21 09:35:16 发布

Mr__proto__

最新推荐文章于 2024-06-21 09:35:16 发布

阅读量1.4k

点赞数

文章标签： javascript json 前端

本文链接：https://blog.csdn.net/Mr__proto__/article/details/123161308

版权

该博客介绍了如何使用xlsx.js工具包读取和处理Excel文件，包括检查文件格式、限制导入文件大小、将Excel转换为JSON对象以及将对象批量转化为注册卡信息插入脚本。此外，还提供了读取文件、转换数据和保存脚本的示例代码，并给出了相关教程链接。

摘要由CSDN通过智能技术生成

上方代码中需要引入的工具包是：xlsx

下载方式：npm install xlsx

`dist`目录下有很多个JS文件，一般情况下用`xlsx.core.min.js`就够了，`xlsx.full.min.js`则是包含了所有功能模块。

另外：次工具包可以把Excel转化为对象格式，也可以吧对象转化为Excel格式

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>大批量插入注册卡信息脚本</title>
</head>

<body>
    <div style="width: 100%">
        <input type="file" onchange="importExcel(this)" />
        <div style="width: 100%">
            <textarea id="textarea" style="width: 100%;height: 500px"></textarea>
        </div>
    </div>
    <!--https://github.com/SheetJS/js-xlsx -->
    <script src="./js/xlsx.min.js"></script>
    <script src="./js/FileSaver.js"></script>
    <script>
        // 完整教程 https://www.cnblogs.com/liuxianan/p/js-excel.html
        const FILE_MAXSIZE = 2048; //这里可以自定义控制导入文件大小
        function importExcel(obj) { //导入
            let file = obj.files
            if (!file) return
            let endName = file[0].name.split(".")[1];
            if (endName !== 'xls' && endName !== 'xlsx') {
                alert('导入的文件格式不正确!');
                return
            }
            if (obj.files[0].size / 1024 > FILE_MAXSIZE) {
                alert('导入的表格文件不能大于2M');
                return
            }
            const reader = new FileReader();
            reader.onload = function (e) {
                // base64: 以base64方式读取；
                // binary: BinaryString格式(byte n is data.charCodeAt(n))
                // string: UTF8编码的字符串；
                // buffer: nodejs Buffer；
                // array: Uint8Array，8位无符号数组；
                // file: 文件的路径（仅nodejs下支持）；
                let finalData = XLSX.read(e.target.result, {
                    type: 'binary'
                });
                // 这是每个表格的名字。
                let SheetNames = finalData.SheetNames; // ['Sheet1', 'Sheet2', 'Sheet3']
                // 这是每页的数据内容。
                let Sheets = finalData.Sheets;
                // 调用方法转为json
                let result = XLSX.utils.sheet_to_json(Sheets[SheetNames[0]]);
                console.log(result)
                let obj = []
                result.forEach((item) => {
                    let i = `db.olympic_register_card_person.insert(${JSON.stringify(item)})`
                    obj.push(i)
                })
                document.getElementById("textarea").value = obj
                let after = document.getElementById("textarea").value;
                let str = new Blob([after], {
                    type: 'text/plain;charset=utf-8'
                });
                saveAs(str, `大批量${obj.length}条 添加注册卡信息脚本.txt`);
            };
            // FileReader共有4种读取方法：
            // 1.readAsArrayBuffer(file)：将文件读取为ArrayBuffer。
            // 2.readAsBinaryString(file)：将文件读取为二进制字符串
            // 3.readAsDataURL(file)：将文件读取为Data URL
            // 4.readAsText(file, [encoding])：将文件读取为文本，encoding缺省值为'UTF-8'
            reader.readAsArrayBuffer(file[0]);
        }
    </script>