【js】html上传excel并处理，js-excel包的使用

<!-- 首先， npm 下载 js-excel 并引用 -->
 <script src="./javascripts/xlsx/dist/xlsx.full.min.js"></script>

<!-- html上传文件 -->
<input type="file" id="file" name="myfile" style="display: none" />
<input type="text" id="filename" style="display:none"></span>
<input type="button" onclick="upload()" value="选择文件上传" />

	//处理excel
	function upload() {
      $("#file").click();
      $('#file').change(function (evt) {
        var files = evt.target.files;
        var f = files[0];
        //console.log(f);
        var name = f.name;
        var reader = new FileReader();
        reader.onload = function(e){
          var data = e.target.result;
          var wb = XLSX.read(data,{type:"binary"});
          console.log(wb);
          var sheets = JSON.stringify(wb.Sheets);
          sheets = JSON.parse(sheets);
          var sheetsItem = sheets.Template;
          //1 初始化数组，数组成员为对象类型，每个成员n个属性，每个属性对应列的值
          var item = new Array();
          //2 遍历每一个对象，令item[row][col] = sheetsItem[obj]
          for(var obj in sheetsItem){
            //分离obj 返回其行 列值 row col
            var attr = judgeObj(obj);
            // 判断对象是否存在 不存在则初始化对象
            if(item[parseInt(attr.row)]===undefined) item[parseInt(attr.row)] = {};
            if(attr !== false){
              //这里本来想判断前三行不处理，结果发现这个if写的没什么卵用
              //但是不写竟然会报错，即上述初始化对象就会出错，估计又和异步有关，我麻了
              if(parseInt(attr.row)!==1 ){
                if(parseInt(attr.row)!==2){
                  if(parseInt(attr.row)!==3){
                    //确认列
                    var colName = attr.col + "3";
                    item[parseInt(attr.row)-3][sheetsItem[colName].w] =  sheetsItem[obj].w;
                  }
                }
              }
            }
          }
          //删除非空数组
          var itemList = item.filter(function(s){
            return s && JSON.stringify(s) !=='{}';
          })
          //console.log(itemList)
          UploadFile(itemList);
        };
        reader.readAsBinaryString(f);

      });
    }
	//判断col值,返回col及row
    function judgeObj(str){
      var index = hasNumber(str);
      if(!index) return false;
      else{
        var attr = {};
        attr.col = str.slice(0,index);
        attr.row = str.slice(index);
        return attr;
      }
    }
    //判断是否包含数字
    function hasNumber(str){
      for(var i in str){
        var asc = str.charCodeAt(i);
        if (asc >= 48 && asc <= 57) {
            return i;
        }
      }
      return false;
    }

	//上传到服务器
    function UploadFile(dataList) {
      $.ajax({
        url: '/xxx',                      
        type: 'POST',                 
        data: JSON.stringify(dataList),  
        dataType: 'JSON',
        contentType: 'application/json',
        success:function (data) {           //成功回调
          console.log(data);
        },
        error:function (data) {           //失败回调
          console.log(data);
        }
      }); 
    }