前端上传获取excel文件后，如何读取excel文件的内容

🎈边走、边悟🎈迟早会好

1.安装xlsx

npm install xlsx --save-dev

2、引入xlsx并封装读取excel方法

import * as XLSX from "xlsx";
/*** 读取excel内容* @param {*} file* @returns*/
export const readExcel = (file) => {return new Promise((resolve, reject) => {try {//获取上传对象const fileReader = new FileReader();fileReader.onload = (event) => {const fileData = event.target.result;//读取excel文件const workboot = XLSX.read(fileData, {type: "binary",});//暂默认读取第一个Sheetlet sheel0 = workboot.SheetNames[0];let blockArr = XLSX.utils.sheet_to_json(workboot.Sheets[sheel0]);resolve(blockArr);};fileReader.readAsBinaryString(file);} catch (e) {reject(e);}});
};

 3、页面引入方法，获取excel内容

<input class="uploadExcel" id="uploadExcel" type="file" @change="changeFile" accept=".xlsx">

const changeFile = async ()=>{let xlsx = file.target.files[0];if (!xlsx) return;const data = await readExcel(file);   //file指的是获取的excel文件对象，如e.fileconsole.log(data);
}

 

 🌟感谢支持 听忆.-CSDN博客

🎈众口难调🎈从心就好