用xlsx.core.min.js上傳文件

一、下載xlsx.core.min.js插件

二、添加js代碼：

 

$('#excelfile')
    .on(
      "change",
      function(e) {

       var files = e.target.files;
       var fileReader = new FileReader();
       fileReader.onload = function(ev) {
        try {
         var data = ev.target.result, workbook = XLSX
           .read(data, {
            type : 'binary'
           }), // 以二進制流方式讀取得到整份excel表格對象
         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; // 如果只取第一張表，就取消注釋這行
         }

        }

        var str = "[";
        var arr;
        for (var j = 0; j < persons.length; j++) {
         arr = persons[j];
         if (j < persons.length - 1) {
          str += JSON.stringify(arr) + ",";
         }
         if (j == persons.length - 1) {
          str += JSON.stringify(arr) + "]";
         }
        }

        ds = str;

       };
       // 以二進制方式打開文件
       fileReader.readAsBinaryString(files[0]);
      });

 

三、綁定的元素'excelfile'

<div id='form1'>課程名稱<select  name='cname' id='qselect'></select><button  id='qsel'>查詢</button>&nbsp;&nbsp;&nbsp;&nbsp;<input type='file' id='excelfile'><button id='upti'>提交</button></div>