npm i xlsx

  <el-upload
    class="upload-demo"
    action //必選參數(shù)，上傳的地址,這里我們不寫地址自定義上傳
    accept=".xlsx,.xls"  //文件類型
    :auto-upload="false" //是否在選取文件后立即進(jìn)行上傳
    :show-file-list="false" //是否顯示已上傳文件列表
    :on-change="handleChange" //文件狀態(tài)改變時(shí)的鉤子，添加文件、上傳成功和上傳失敗時(shí)都會被調(diào)用
  >
    <el-button type="primary">選擇文件</el-button>
  </el-upload>

//把二進(jìn)制文件進(jìn)行讀取
export function readFile(file) {
  return new Promise((resolve, reject) => {
    // FileReader主要用于將文件內(nèi)容讀入內(nèi)存，通過一系列異步接口，可以在主線程中訪問本地文件.
    let reader = new FileReader();
    // 異步按字節(jié)讀取文件內(nèi)容，結(jié)果為文件的二進(jìn)制串
    reader.readAsBinaryString(file);
    reader.onload = (ev) => {
      resolve(ev.target.result);
    };
  });
}

//選擇文件
const handleChange = async function (e) {
    const file = e.raw; //選擇的文件內(nèi)容
    let data = await readFile(file); //將內(nèi)容轉(zhuǎn)化為二進(jìn)制
    let workbook = xlsx.read(data, { type: "binary" });  //通過插件讀取二進(jìn)制數(shù)據(jù) binary二進(jìn)制
}

  //表格目錄一中的數(shù)據(jù)
  let worksheet = workbook.Sheets[workbook.SheetNames[0]];
  //把數(shù)據(jù)轉(zhuǎn)化為json數(shù)據(jù)格式
  data = xlsx.utils.sheet_to_json(worksheet);

 //把讀取的數(shù)據(jù)變?yōu)樽詈罂梢詡鬟f給服務(wù)器的數(shù)據(jù)（所在地=>address,學(xué)校名稱=>shcoolName......）
  let arr = [];
  data.forEach((item) => {
    let obj = {};
    for (let key in character) {
      //  hasOwnProperty() 方法會返回一個(gè)布爾值，指示對象自身屬性中是否具有指定的屬性（也就是，是否有指定的鍵)
      //  即使屬性的值是 null 或 undefined，只要屬性存在，hasOwnProperty 依舊會返回 true。
      //  判斷是否有規(guī)定的屬性沒有就終止執(zhí)行
      if (!character.hasOwnProperty(key)) break;
      let v = character[key],
        text = v.text,
        type = v.type;
      v = item[text] || "";
      //將數(shù)據(jù)轉(zhuǎn)化為對應(yīng)的數(shù)據(jù)類型 不符合的話不做操作
      type === "string" ? (v = String(v)) : null;
      type === "number" ? (v = Number(v)) : null;
      obj[key] = v;
    }
    arr.push(obj);
  });
  //給用戶一點(diǎn)延遲
  await delay(100);
  //將導(dǎo)入數(shù)據(jù)展示到頁面中
  result.tableData = arr;

// 1.把數(shù)據(jù)轉(zhuǎn)化為表格名稱對應(yīng)
  let arr = result.tableData.map((item) => {
    return {
      辦學(xué)層次: item.levels,
      備注: item.message,
      學(xué)校名稱: item.schoolName,
      所在地: item.address,
    };
  });
  //2.用于將 JSON 數(shù)據(jù)轉(zhuǎn)換為 Excel 工作表中的單元格數(shù)據(jù)。
  let sheet = xlsx.utils.json_to_sheet(arr);
  //3.用于創(chuàng)建一個(gè)新的 Excel 工作簿對象它返回一個(gè)空白的工作簿，可以向其中添加工作表和單元格數(shù)據(jù)。
  let book = xlsx.utils.book_new();
  //4.用于向現(xiàn)有的 Excel 工作簿對象（Workbook）中添加一個(gè)新的工作表
  // book_append_sheet(wb, sheet, name=None)
  //參數(shù)wb是要將工作表添加到的 Workbook 對象；sheet 參數(shù)是要添加的 Worksheet 對象；name 參數(shù)是要為工作表指定的名稱（如果未指定，則使用默認(rèn)名稱）
  xlsx.utils.book_append_sheet(book, sheet, "sheet1");
  //5.用于將 Excel 工作簿下載到本地文件系統(tǒng)中 book要下載的Eceial表格，第二個(gè)參數(shù)是表格名稱
  xlsx.writeFile(book, `user${new Date().getTime()}.xls`);