第一步：當然是先引用xlsx.js

<script src="https://cdn.bootcss.com/xlsx/0.12.9/xlsx.full.min.js"></script>
<script src="https://cdn.bootcss.com/jquery/1.10.2/jquery.min.js"></script>

第二步：就是寫代碼嘍

<input type="file" onchange="importf(this)" />
 <div id="demo"></div>

<script> 
            /* FileReader共有4種讀取方法： 
             * 1.readAsArrayBuffer(file)：將文件讀取為ArrayBuffer雪猪。
             * 2.readAsBinaryString(file)：將文件讀取為二進制字符串 
             * 3.readAsDataURL(file)：將文件讀取為Data URL 
             * 4.readAsText(file, [encoding])：將文件讀取為文本缎玫，encoding缺省值為'UTF-8' */
             var wb;//讀取完成的數(shù)據(jù) 
             var rABS = false;
             //是否將文件讀取為二進制字符串 
             function importf(obj) {//導入  
                if(!obj.files) { return; } 
                var f = obj.files[0]; 
                var reader = new FileReader(); 
                reader.onload = function(e) {
                    var data = e.target.result;
                    if(rABS) {
                        wb = XLSX.read(btoa(fixdata(data)), {//手動轉(zhuǎn)化
                            type: 'base64'
                        });
                    } else {
                        wb = XLSX.read(data, {
                            type: 'binary'
                        });
                    }
                    var seltext=wb.SheetNames[0]//是獲取Sheets中第一個Sheet的名字 
                    //wb.Sheets[Sheet名]獲取第一個Sheet的數(shù)據(jù)
//                  document.getElementById("demo").innerHTML= JSON.stringify( XLSX.utils.sheet_to_json(wb.Sheets[wb.SheetNames[0]]) ); 
                    var objData = JSON.stringify( XLSX.utils.sheet_to_json(wb.Sheets[seltext]) );
                    console.log(objData);
                }
                if(rABS) { 
                    reader.readAsArrayBuffer(f);
                } else { 
                    reader.readAsBinaryString(f);
                } 

                function fixdata(data) { 
                    //文件流轉(zhuǎn)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; 
                } 
             }
        </script>

當然有了Excel的文件讀取惰匙，是不是有excel文件導入澜建？
那就請繼續(xù)關注后續(xù)文章吧