js读取excel表格,转成JSON数据
程序员文章站
2022-07-13 13:15:55
...
使用 js-xlsx 插件:https://github.com/SheetJS/js-xlsx
<template>
<div>
<input type="file" @change="readFile" accept=".xls,.xlsx">
</div>
</template>
<script>
import XLSX from 'xlsx';
export default {
methods:{
readFile(e) {
const files = e.target.files;
//如果没有文件名
if(files.length<=0){
return false;
}else if(!/\.(xls|xlsx)$/.test(files[0].name.toLowerCase())){
console.log('文件传格式不正确');
return false;
}
const fileReader = new FileReader();
fileReader.onload = (ev) => {
try {
const data = ev.target.result;
const workbook = XLSX.read(data, {
type: 'binary'
});
const wsname = workbook.SheetNames[0];//取第一张表
const ws = XLSX.utils.sheet_to_json(workbook.Sheets[wsname]);//生成json表格内容
console.log('JOSN转化结果:',ws);
} catch (e) {
return false;
}
};
fileReader.readAsBinaryString(files[0]);
}
},
}
</script>
上一篇: Springmvc poi导出excel
下一篇: 读取excel