前端JS Excel解析导入

本文转载自查看原文 2018-10-11 15:08 2413

需要引入：

html：

<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
</head>

<body>
  <input type="file" onchange="importXlsx(this)">
</body>

JS：

  function importXlsx(e) {
    let files = e.files;
    for (let i = 0; i < files.length; i++) {
      let reader = new FileReader();
      let name = files[i].name;
      reader.onload = function (e) {
        let data = e.target.result;
        let workbook = XLSX.read(data, {
          type: typeof FileReader !== "undefined" && (FileReader.prototype || {}).readAsBinaryString ?
            'binary' : 'array'
        });
        let workbookSheets = workbook.Sheets;
        for (let sheet in workbookSheets) {
          if (workbookSheets.hasOwnProperty(sheet)) {
            fromTo = workbookSheets[sheet]['!ref'];
            let xlsxData = XLSX.utils.sheet_to_json(workbookSheets[sheet]);
            // 结果数组
            console.log(sheet)
            console.log(xlsxData);
          }
        }
      };
      reader.readAsBinaryString(files[i]);
    }
  }

免责声明！

本站转载的文章为个人学习借鉴使用，本站对版权不负任何法律责任。如果侵犯了您的隐私权益，请联系本站邮箱yoyou2525@163.com删除。

猜您在找 js前端解析excel文件前端js webuploader上传(导入)excel文件 vue前端导入excel表格并解析表格内数据前端具体业务系列一：在浏览器中使用 js-xlsx ，实现纯前端解析Excel文件，实现批量导入功能纯前端 vue+ js-xlsx 导入excel表格前端JS实现一键导入excel表格前端解析excel表格 JS导入Excel js导入excel js导入导出excel