[點晴永久免費OA]利用 js-xlsx 實現(xiàn) Excel 文件導(dǎo)入并解析Excel數(shù)據(jù)成json格式的數(shù)據(jù)并且獲取其中某列數(shù)據(jù)
當(dāng)前位置:點晴教程→點晴OA辦公管理信息系統(tǒng)
→『 經(jīng)驗分享&問題答疑 』
工作中遇到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; //讀取完成的數(shù)據(jù) var worksheet = []; var text = []; var rABS = false; //是否將文件讀取為二進制字符串 function importExcel(obj) { //導(dǎo)入 if (!obj.files) { return; } const IMPORTFILE_MAXSIZE = 1 * 2048; //這里可以自定義控制導(dǎo)入文件大小 var suffix = obj.files[0].name.split(".")[1] if (suffix != ''xls'' && suffix != ''xlsx'') { alert(''導(dǎo)入的文件格式不正確!'') return } if (obj.files[0].size / 1024 > IMPORTFILE_MAXSIZE) { alert(''導(dǎo)入的表格文件不能大于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)), { //手動轉(zhuǎn)化 type: ''base64'' }); } else { wb = XLSX.read(data, { type: ''binary'' }); } //wb.SheetNames[0]是獲取Sheets中第一個Sheet的名字 //wb.Sheets[Sheet名]獲取第一個Sheet的數(shù)據(jù) 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: 頁面顯示結(jié)果: 該文章在 2020/5/1 1:37:49 編輯過 |
關(guān)鍵字查詢
相關(guān)文章
正在查詢... |