如何在vue项目中直接读取本地excel文件中的数据
2.获取本地文件信息,因为xlsx是后端访问的,所以需要用aixos请求去得到获取后的数据。其中url是本地文件路径,放在public中 url:/demo.xlsx。1.安装并在使用的界面引入XLSX。
·
1.安装并在使用的界面引入XLSX
npm install xlsx
//demo.vue界面
<script>
import XLSX from 'xlsx'
</script>
2.获取本地文件信息,因为xlsx是后端访问的,所以需要用aixos请求去得到获取后的数据
其中url是本地文件路径,放在public中 url:/demo.xlsx
readExcelFile(url) {
Axios.get(url,{responseType:'arraybuffer'})
.then((res)=>{
let data = new Uint8Array(res.data)
let wb = XLSX.read(data, {type:"array"})
let sheets = wb.Sheets // 获取文档数据
this.content = this.transformSheets(sheets)
}).catch( err =>{
this.err = err
})
},
transformSheets(sheets){
let content1 = []
let tmplist = []
for (let key in sheets){
//读出来的workbook数据很难读,转换为json格式,参考https://github.com/SheetJS/js-xlsx#utility-functions
tmplist.push(XLSX.utils.sheet_to_json(sheets[key]).length)
content1.push(XLSX.utils.sheet_to_json(sheets[key]))
}
console.log(tmplist)
console.log(content1)
}
更多推荐
已为社区贡献2条内容
所有评论(0)