zoukankan      html  css  js  c++  java
  • 前端JS Excel解析导入

    需要引入:

    <script src="https://cdnjs.cloudflare.com/ajax/libs/xlsx/0.14.0/xlsx.core.min.js"></script>

    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]);
        }
      }
  • 相关阅读:
    封装小程序http请求
    ES6为数组做的扩展
    练习题
    二叉树的遍历
    快速搭建vue项目
    收集的前端面试大全
    ios兼容webp格式的图片
    小程序开发API之获取启动参数
    使用HTML编写邮件
    深入理解javascript原型和闭包(9)——this
  • 原文地址:https://www.cnblogs.com/xinchenhui/p/9772520.html
Copyright © 2011-2022 走看看