1. 程式人生 > 其它 >使用js 讀取 execl 檔案中的所有內容

使用js 讀取 execl 檔案中的所有內容

一、首先需要需要引入需要的包

 <script src="https://cdn.bootcss.com/xlsx/0.11.5/xlsx.core.min.js"></script>

二、一個上傳檔案的file型別的input標籤

<input type="file" onchange="showPreview(this)">

三、js相關操作對選中.xls檔案進行解析,獲取資料

function showPreview(source) {
    // 獲取傳遞過來的內容
    let file = source.files[0];
    // 建立 FileReader 示例
    let showPreview = new FileReader();
    // 讀取檔案
    showPreview.readAsBinaryString(file)
    // 檔案讀取成功時的回撥函式
    showPreview.onload = (e) => {
      // 獲取傳遞的表格
      let data = e.target.result
      // 以二進位制流方式讀取到整份的excel 表格物件
      let workbook = XLSX.read(data, {
        type: 'binary'
      })
      // 儲存獲取到的資料
      let persons = []
      // 表格的表格範圍,可用於判斷表頭是否數量是否正確
      let fromTo = '';
      // 遍歷每張表讀取
      for (var sheet in workbook.Sheets) {
        // 判斷檔案是否是 excel 檔案
        if (workbook.Sheets.hasOwnProperty(sheet)) {
          // 對錶格的內容進行處理
          persons = persons.concat(XLSX.utils.sheet_to_json(workbook.Sheets[sheet]));
          break; // 如果只取第一張表,就取消註釋這行
        }
      }
      //將persons賦值給要展示的表格數組裡即可展示在介面
      console.log(persons);
    }
  }