[點晴永久免費OA]利用 js-xlsx 實現 Excel 文件導入并解析Excel數據成json格式的數據并且獲取其中某列數據
當前位置：點晴教程→點晴OA辦公管理信息系統
→『 經驗分享&問題答疑 』
工作中遇到excel讀取,記錄下：
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <script src="js/xlsx.full.min.js"></script> </head> <body> <input type="file" οnchange="importExcel(this)" /> <div id="demo"></div> <textarea rows="10" cols="50" id="phone"> </textarea> <script> /* FileReader共有4種讀取方法： 1.readAsArrayBuffer(file)：將文件讀取為ArrayBuffer。 2.readAsBinaryString(file)：將文件讀取為二進制字符串 3.readAsDataURL(file)：將文件讀取為Data URL 4.readAsText(file, [encoding])：將文件讀取為文本，encoding缺省值為''UTF-8'' */ var wb; //讀取完成的數據 var worksheet = []; var text = []; var rABS = false; //是否將文件讀取為二進制字符串 function importExcel(obj) { //導入 if (!obj.files) { return; } const IMPORTFILE_MAXSIZE = 1 * 2048; //這里可以自定義控制導入文件大小 var suffix = obj.files[0].name.split(".")[1] if (suffix != ''xls'' && suffix != ''xlsx'') { alert(''導入的文件格式不正確!'') return } if (obj.files[0].size / 1024 > IMPORTFILE_MAXSIZE) { alert(''導入的表格文件不能大于2M'') 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)), { //手動轉化 type: ''base64'' }); } else { wb = XLSX.read(data, { type: ''binary'' }); } //wb.SheetNames[0]是獲取Sheets中第一個Sheet的名字 //wb.Sheets[Sheet名]獲取第一個Sheet的數據 worksheet = JSON.stringify(XLSX.utils.sheet_to_json(wb.Sheets[wb.SheetNames[0]])); var u = eval(''('' + worksheet + '')''); document.getElementById("demo").innerHTML = JSON.stringify(XLSX.utils.sheet_to_json(wb.Sheets[wb.SheetNames[0]])); //獲取表格中為''手機號碼''的那列存入text中 for (var i = 0; i < u.length; i++) { if(isPoneAvailable(u[i].手機號碼)) text.push(u[i].手機號碼); } console.log(text) document.getElementById("phone").innerHTML = text }; if (rABS) { reader.readAsArrayBuffer(f); } else { reader.readAsBinaryString(f); } } //手機號碼正則 function isPoneAvailable(str) { var myreg=/^[1][3,4,5,7,8][0-9]{9}$/; if (!myreg.test(str)) { return false; } else { return true; } } </script> </body> </html> 需要讀取的excel： 1.png) 頁面顯示結果： 1.png) 該文章在 2020/5/1 1:37:49 編輯過 |
關鍵字查詢
相關文章
正在查詢... 
|
400 186 1886
