纯JS实现的读取excel文件内容功能示例

本文实例讲述了纯JS实现的读取excel文件内容功能。分享给大家供大家参考，具体如下：

template.html

#drop{
 border:2px dashed #bbb;
 -moz-border-radius:5px;
 -webkit-border-radius:5px;
 border-radius:5px;
 padding:25px;
 text-align:center;
 font:20pt bold,"Vollkorn";color:#bbb
}
#b64data{
 width:100%;
}
a { text-decoration: none }
button{}




返回




提交




//这里主要封装了一下方法，可以忽略，主要使用到以下几个js

myexcel.js

var X = XLSX;
var XW = {
 
 msg: 'xlsx',
 
 rABS: '../js/xlsxworker2.js',
 norABS: '../js/xlsxworker1.js',
 noxfer: '../js/xlsxworker.js'
};
function ab2str(data) {
 var o = "", l = 0, w = 10240;
 for(; l 0){
   result[sheetName] = roa;
  }
 });
 return result;
}
var tarea = document.getElementById('b64data');
function b64it() {
 if(typeof console !== 'undefined') console.log("onload", new Date());
 var wb = X.read(tarea.value, {type: 'base64',WTF:wtf_mode});
 process_wb(wb);
}
 var token=cookies.get("token");
 console.log(token);
 if(token==null){
  // alert("你是怎么进来的？请先登录");
  // window.location.href="../login.html" rel="external nofollow" ;
 }
var global_wb;
function process_wb(wb) {
 global_wb = wb;
 var output = "";
 //这里是成绩批量录入代码，可以忽略不计
 $(".submit_all").on("click",function(){
  var array=Object.values(to_json(wb))[0];
  var len=array.length;
  var array1="",array2="",array3="",array4="",array5="";
  for(var i=0;i

导入一个新建的excel

查看读取到的值，以json格式显示

给大家一个GitHub插件包下载地址： https://github.com/SheetJS/js-xlsx
更多关于Javascript相关内容感兴趣的读者可查看本站专题：《Javascript文件与目录操作技巧汇总》、《Javascript查找算法技巧总结》、《Javascript数据结构与算法技巧总结》、《Javascript遍历算法与技巧总结》、《Javascript错误与调试技巧总结》及《Javascript数学运算用法总结》
希望本文所述对大家Javascript程序设计有所帮助。