前端上传获取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",
        });
        let sheel0 = workboot.SheetNames[0];
        let blockArr = XLSX.utils.sheet_to_json(workboot.Sheets[sheel0]);
        resolve(blockArr);
      };
      fileReader.readAsBinaryString(file);
    } catch (e) {
      reject(e);
      // set_loading(false);
    }
  });
};

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

 const data = await readExcel(file);   //file指的是获取的excel文件对象，如e.file
 console.log(data);