一个菜鸟的互联网技术分享博客
您的位置: 主页 > 前端读取excel
advertisement

前端读取excel

读取数据的方式

  • XLSX.utils.sheet_to_csv()
  • XLSX.utils.sheet_to_txt()
  • XLSX.utils.sheet_to_html()
  • XLSX.utils.sheet_to_json()
  • XLSX.utils.sheet_to_formulae()

写入数据的方式

  • XLSX.write(wb, write_opts)
  • XLSX.writeFile(wb, filename, write_opts)
  • XLSX.writeFileAsync(filename, wb, o, cb)
  1. <!DOCTYPE html>  
  2. <html>  
  3.     <head>  
  4.         <meta charset="utf-8">  
  5.         <title>js读取Excel</title>  
  6.         <script src="js/xlsx.core.min.js"></script>  
  7.     </head>  
  8.     <body>  
  9.         <input type="file" id="js_upload_excel"/>  
  10.     </body>  
  11.     <script>  
  12.         document.getElementById('js_upload_excel').addEventListener('change',function(e){  
  13.               
  14.             var fileReader = new FileReader();  
  15.             fileReader.readAsBinaryString(e.target.files[0]);  
  16.               
  17.             fileReader.onload = function(e2){  
  18.                 try{  
  19.                     var workbook = XLSX.read(e2.target.result,{  
  20.                         type:'binary'  
  21.                     });  
  22.                     var sheets = workbook.Sheets , list = [];  
  23.                     for(var sheet in sheets){  
  24.                         if(sheets.hasOwnProperty(sheet)){  
  25.                             list = list.concat(XLSX.utils.sheet_to_json(sheets[sheet]));  
  26.                         }  
  27.                     }  
  28.                     console.log(list)  
  29.                 }catch(error){  
  30.                     console.log(error)  
  31.                 }  
  32.             }  
  33.         })  
  34.     </script>  
  35. </html>  

xlsx.core.min.js下载链接

zhangren.online
上一篇:audio兼容手机端自动播放
下一篇:没有了

您可能喜欢

​VUE知识点集锦

​VUE知识点集锦

​javaascript之最简单的倒计时代码

​javaascript之最简单的倒计时代码

​前端读取excel

​前端读取excel

​es6常用数组操作及技巧汇总

​es6常用数组操作及技巧汇总

回到顶部