excel数据使用xlsx读取转换成JSON

一般读取excel的工作都由后端完成，比如java使用poi插件。如果存在少量非敏感数据，比如日志、模板数据，可以直接由前端搞定。

使用xlsx插件

在线json格式化、excel转json测试

一、安装

可以安装以下版本，不会出现问题

yarn add xlsx;

"dependencies": {?
? ? ?"xlsx": "^0.18.5"
? ?}

二、直接使用插件

<script>
import * as XLSX from "xlsx";
?export default {
? components: {?
? ? ? XLSX,
? },
? data(){
? ? ?return{
? ? ? ?content:"",??
? ? ?}??
? },
? methods:{
? ? ?readExcel(files) {
? ? ? const fileReader = new FileReader();
? ? ? fileReader.readAsBinaryString(files);
? ? ? fileReader.onload = (e) => {
? ? ? ? try {
? ? ? ? ? const data = e.target.result;
? ? ? ? ? const workbook = XLSX.read(data, {//将上传的文件读取成workbook 即excel工作簿
? ? ? ? ? ? type: "binary",
? ? ? ? ? });
? ? ? ? ? const wsname = workbook.SheetNames[0]; // 取第一sheet，如果由多个可以循环获取
? ? ? ? ? const ws = XLSX.utils.sheet_to_json(workbook.Sheets[wsname]); // 直接调用方法将excel数据读取成json
? ? ? ? ? this.content = ws;//返回给content
? ? ? ? ? this.$refs.excel_upload.clearFiles();? //清空文件
? ? ? ? } catch (e) {
? ? ? ? ? console.log(e);
? ? ? ? ? return false;
? ? ? ? }
? ? ? };
? ? },
? }
}

</script>