使用xlsx.full.min.js导入excel表格的数据转化成json

小涛爱喝奶

于 2022-09-06 09:51:34 发布

阅读量606

点赞数

分类专栏： js 前端文章标签： javascript json vue.js

本文链接：https://blog.csdn.net/qq_53776079/article/details/126718569

版权

js 同时被 2 个专栏收录

5 篇文章

订阅专栏

前端

5 篇文章

订阅专栏

该博客介绍了如何在项目中引用SheetJS库，通过HTML输入元素选择Excel文件，并使用SheetJS读取和解析数据。当选择的文件类型不是.xlsx或.xls时，会弹出警告。解析完成后，数据会被打印到控制台。

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

sheetjs/dist at master · SheetJS/sheetjs · GitHub 在项目中引用xlsx.full.min.js

然后复制以下代码

 <el-button onclick="upload.click()">
       <input type="file" @input="changeFn" name="upload" id="upload" />
 </el-button>

                        changeFn() {
                                    console.log('上传前')
                                    let arr = []
                                    // let loading = mainfunctionjs.myloading(this)
                                    var file = document.querySelector("#upload").files[0];
                                    var type = file.name.split('.');
                                    if (type[type.length - 1] !== 'xlsx' && type[type.length - 1] !== 'xls') {
                                        alert('只能选择excel文件导入');
                                        return false;
                                    }
                                    const reader = new FileReader();
                                    reader.readAsBinaryString(file);
                                    reader.onload = (e) => {

                                        const data = e.target.result;
                                        const zzexcel = window.XLS.read(data, {
                                            type: 'binary'
                                        });
                                        const result = [];
                                        for (let i = 0; i < zzexcel.SheetNames.length; i++) {
                                            const newData = window.XLS.utils.sheet_to_json(zzexcel.Sheets[zzexcel.SheetNames[i]]);
                                            result.push(...newData)
                                        }
                                    console.log(result)//上传的数据
                                }