1. 程式人生 > >關於jquery讀取excel文件內容 xls xlsx格式

關於jquery讀取excel文件內容 xls xlsx格式

文件大小 raw blog border ice this 自定義 lang eight

在一個項目中需要讀取excel的內容,當然excel是有格式的,格式就是讀取到的第一行會作為屬性(Title)

例如如下excel

Language Detil
en English
cn Chinese
jp Japanese

該excel會解析成:方式1

技術分享圖片

當然也可以解析成:方式2

技術分享圖片

///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////

正文開始:

首先需要引用xlsx.full.min.js 提供鏈接:https://pan.baidu.com/s/1o7HK6vw

首先頁面添加input type=file 來獲取文件

<input  type="file" onchange="importExcel(this)"
class="filter_input form-control"/>

onchange裏面的函數如下:

var wb;//讀取完成的數據
var rABS = false; //是否將文件讀取為二進制字符串

function importExcel(obj) {//導入if(obj.files.length==0) {return;
     }
    const IMPORTFILE_MAXSIZE = 10*1024;//這裏可以自定義控制導入文件大小
    var suffix = obj.files[0].name.split(".")[1]
    $(‘#_file_path‘).val(obj.files[0].name);
    
if(suffix != ‘xls‘ && suffix !=‘xlsx‘){ layer.msg("Only support excel!"); return; } if(obj.files[0].size/1024 > IMPORTFILE_MAXSIZE){ layer.msg("The file can not over 10MB"); return; } var f = obj.files[0]; var reader = new FileReader(); reader.onload
= function(e) { data = e.target.result; if(rABS) { wb = XLSX.read(btoa(fixdata(data)), {//手動轉化 type: ‘base64‘ }); } else { wb = XLSX.read(data, { type: ‘binary‘ }); } //wb.SheetNames[0]是獲取Sheets中第一個Sheet的名字 //wb.Sheets[Sheet名]獲取第一個Sheet的數據 var a=wb.SheetNames[0]; var b=wb.Sheets[a];//內容為方式2 data=XLSX.utils.sheet_to_json(b);//內容為方式1 if(!data||data==""){ layer.closeAll(‘loading‘); layer.msg("The file is empty please choose another file!"); return; }
     //在這裏執行對解析後數據的處理
      //var Compile_Result=Batch_Compile(data);
      //DrawTable(Compile_Result);

    };
    if(rABS) {
        reader.readAsArrayBuffer(f);
    } else {
        reader.readAsBinaryString(f);
    }
    function fixdata(data) { //文件流轉BinaryString
        var o = "",
            l = 0,
            w = 10240;
        for(; l < data.byteLength / w; ++l) o += String.fromCharCode.apply(null, new Uint8Array(data.slice(l * w, l * w + w)));
        o += String.fromCharCode.apply(null, new Uint8Array(data.slice(l * w)));
        return o;
    }
}

關於jquery讀取excel文件內容 xls xlsx格式