vue解析本地excel文件的数据

最新推荐文章于 2024-07-23 13:31:48 发布

xingchen678

最新推荐文章于 2024-07-23 13:31:48 发布

阅读量677

点赞数

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

本文链接：https://blog.csdn.net/xingchen678/article/details/129403748

版权

vue 专栏收录该内容

63 篇文章 1 订阅

订阅专栏

该代码示例展示了如何利用axios库获取public文件夹中Excel文件的内容，然后通过XLSX库将arraybuffer转换为可读数据，进一步解析工作表并将其转换为JSON对象，存储在变量outdata中供后续使用。

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

excel文件放在了public文件夹里。

解析本地excel文件的方法：
直接上代码：
readExcelFile() {
axios.get(…/help.xlsx,{responseType:‘arraybuffer’})
.then((res)=>{
let data = new Uint8Array(res.data)
let XLSX = require(‘xlsx’)
var a = XLSX
let wb = XLSX.read(data, {type:“array”})
let outdata = []
for (let index = 0; index < wb.SheetNames.length; index++) {
let arr = XLSX.utils.sheet_to_json(wb.Sheets[wb.SheetNames[index]])
outdata.push({
name:wb.SheetNames[index],
value:arr
})
}
this.tableDataOld = outdata
}).catch( err =>{
this.err = err
})
},