vue使用js-xlsx导入本地excle表格数据，回显在页面上

效果图

解释放在代码的注释中
页面代码，导入本地文件我用的是element的上传工具

// 我是根据js文件直接引入的
<script src="/js/xlsx.full.min.js"></script>
// 导入excel
            readWorkbookFromLocalFile(fileData) {
            // 文件信息
                const file = fileData;
                const reader = new FileReader();
                reader.onload = (e) => {
                    const data = new Uint8Array(e.target.result);
                    const workbook = XLSX.read(data, { type: 'array' });
                    // 因为excle分很多页数，找到你对应的那一页
                    const sheetName = workbook.SheetNames.filter(item => item == "待购进");
                    const worksheet = workbook.Sheets[sheetName[0]];
                    // 获取那一页的数据，XLSX.utils.sheet_to_csv这个方法返回的是字符串格式，可以打断点来看数据格式
                    const jsonData = XLSX.utils.sheet_to_csv(worksheet);
                    // const jsonData = XLSX.utils.sheet_to_json(worksheet);
                    // 后面就是根据返回的数据格式，处理成自己需要的代码格式
                    let newData = jsonData.split('\n')
                    newData.splice(0, 2)
                    newData.splice(newData.length - 1)
                    console.log(newData, "123")
                };
                reader.readAsArrayBuffer(file);
            },

这链接是详细的说明这个js-xlsx的，可以看看这个
https://www.cnblogs.com/ajaemp/p/12880847.html

原文地址：https://blog.csdn.net/qq_46131497/article/details/142858957

免责声明：本站文章内容转载自网络资源，如本站内容侵犯了原著者的合法权益，可联系本站删除。更多内容请关注自学内容网（zxcms.com）！