一般读取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数据读取成jsonthis.content = ws;//返回给contentthis.$refs.excel_upload.clearFiles(); //清空文件} catch (e) {console.log(e);return false;}};},}
}</script>