本地excel上传生成json

最新推荐文章于 2024-05-27 17:10:02 发布

侯丽雪

最新推荐文章于 2024-05-27 17:10:02 发布

阅读量107

点赞数

文章标签： Vue Excel XLSX FileReader 数据解析

本文链接：https://blog.csdn.net/weixin_43205396/article/details/109672189

版权

<template>
<input type="file" id="fileUploadBtn" @change="exportData" style="display: none;">
<el-button @click="fileUploadEvent">数据上传</el-button>
</template>

引入xlsx.full.min.js

method:{
	fileUploadEvent(){
		$("#fileUploadBtn").click();
	},
   exportData(event){
       if(!event.currentTarget.files.length) {
           return;
       }
       let file = event.target.files[0];
       var reader = new FileReader();
       reader.onload = function(e){
           var data = e.target.result;
           var wb = XLSX.read(data, {
               type: "buffer"
           });
           var json = XLSX.utils.sheet_to_json(wb.Sheets[wb.SheetNames[0]]);
           console.log(json)
       }
       reader.readAsArrayBuffer(file);
   },
}