示范excel的demo
先导入xlsx
npm install xlsx
import * as XLSX from "xlsx"; // vue3可用此引入
上传组件用了element-plus的el-upload组件
将文件拖到此处,或点击上传
代码实现部分
结果
先读取file文件,然后通过判断后缀来区分是不是excel文件
接着读取数据并转换成json格式
dealExcel这个函数,用于处理表格里的中文表头,把它转化成对应的key值
最后需要处理多个步骤,把这些步骤转化成一个array数组,并输出出来。。
最后最后,前端这边最多只能进行5万左右的数据流,太多浏览器就会崩溃了,有大佬有优化的方法,烦请教教我。
最后
公众号:小何成长,佛系更文,都是自己曾经踩过的坑或者是学到的东西
有兴趣的小伙伴欢迎关注我哦,我是:何小玍。大家一起进步鸭