前端excel文件处理//给input标签绑定change事件，一上传选中的.xl // s文件就会触发该函数 $("#

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <title>Excel批量处理</title>
    <script src="https://cdn.bootcss.com/jquery/3.2.1/jquery.js"></script>
    <script src="https://cdn.bootcss.com/xlsx/0.11.5/xlsx.core.min.js"></script>
  </head>
  <body>
    <input type="file" id="excel-file" />
    <textarea id="area"></textarea>
    <script>
      //给input标签绑定change事件，一上传选中的.xl
      // s文件就会触发该函数
      $("#excel-file").change(function (e) {
        var files = e.target.files;
        var fileReader = new FileReader();
        fileReader.onload = function (ev) {
          try {
            var data = ev.target.result;
            var workbook = XLSX.read(data, {
              type: "binary",
            }); // 以二进制流方式读取得到整份excel表格对象
            var persons = []; // 存储获取到的数据
          } catch (e) {
            console.log("文件类型不正确");
            return;
          }
          // 表格的表格范围，可用于判断表头是否数量是否正确
          var fromTo = "";
          // 遍历每张表读取
          for (var sheet in workbook.Sheets) {
            if (workbook.Sheets.hasOwnProperty(sheet)) {
              fromTo = workbook.Sheets[sheet]["!ref"];
              console.log(fromTo);
              persons = persons.concat(
                XLSX.utils.sheet_to_json(workbook.Sheets[sheet])
              );
              //break; // 如果只取第一张表，就取消注释这行
            }
          }
          //在控制台打印出来表格中的数据
          console.log(persons);
          $("#area").val(JSON.stringify(persons));

          // 处理获取到的数据
          // 1 每日的数据
          // let time = []
          // let vals = []
          // let jacks = []
          // let EMs = []
          // persons.map((item)=>{
          //     time.push(item['day']);
          //     vals.push(item.all);
          //     jacks.push(item['jack']);
          //     EMs.push(item.EM);
          // })
          // console.log('time',time)
          // console.log('vals',vals)
          // console.log('jacks',jacks)
          // console.log('EMs',EMs)

          // 2 功率数据处理
          // let time = [];
          // let vals = [];

          // persons.map((item) => {
          //   time.push(item["time"].split(" ")[1]);
          //   vals.push(item.pVal);
          // });
          // console.log("time", time);
          // console.log("vals", vals);

          // 3 样本日温度数据处理
          // let time = [];
          // let vals = [];

          // persons.map((item) => {
          //   time.push(item["time"].split(" ")[1]);
          //   vals.push(item.temp);
          // });
          // console.log("time", time);
          // console.log("vals", vals);

          // 3 样本日CO2数据处理
          // let time = [];
          // let vals = [];

          // persons.map((item) => {
          //   time.push(item["time"].split(" ")[1]);
          //   vals.push(item['CO2']);
          // });
          // console.log("time", time);
          // console.log("vals", vals);

          // 4 各楼层的外机、插座
          // let fls = []
          // let jacks = []
          // let EMs = []
          // persons.map((item)=>{
          //     fls.push(item['fName']);
          //     jacks.push(item['jack']);
          //     EMs.push(item.EM);
          // })
          // console.log('fls',fls)
          // console.log('jacks',jacks)
          // console.log('EMs',EMs)
        };
        // 以二进制方式打开文件
        fileReader.readAsBinaryString(files[0]);
      });
    </script>
  </body>
</html>