jQuery开源组件--js-xlsx Excle导入
2017-09-29 14:12
726 查看
参考博客:http://www.jianshu.com/p/74d405940305
github地址:SheetJS / js-xlsx
js引入
读取方法
github地址:SheetJS / js-xlsx
js引入
<script type="text/javascript" src="~/Content/js-xlsx/xlsx.full.min.js"></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 rABS; //是否将文件读取为二进制字符串 function fixdata(data) { //文件流转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; } 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)), {//手动转化 type: 'base64' }); } else { wb = XLSX.read(data, { type: 'binary' }); } //wb.SheetNames[0]是获取Sheets中第一个Sheet的名字 //wb.Sheets[Sheet名]获取第一个Sheet的数据 //document.getElementById("demo").innerHTML = JSON.stringify(XLSX.utils.sheet_to_json(wb.Sheets[wb.SheetNames[0]])); var jsonStr = JSON.stringify(XLSX.utils.sheet_to_json(wb.Sheets[wb.SheetNames[0]]));//获取JSON字符串 var jsonObj = JSON.parse(jsonStr);//转化为JSON对象 var toJsonObj = [];//拼接json对象数组 for (var i = 0; i < jsonObj.length; i++) { var item = itemObj(jsonObj[i], i);//拼接json对象 toJsonObj.push(item); } $('#list').bootstrapTable('load', toJsonObj); }; if (rABS) { reader.readAsArrayBuffer(f); } else { reader.readAsBinaryString(f); } }
相关文章推荐
- Myeclipse里导入jQuery.js 时出现错误打红叉的解决方法
- [js开源组件开发]js轮播图片支持手机滑动切换
- 网页中画直线组件jquery.toLine.js
- 优秀js开源框架-jQuery使用手册(1)
- 页面动态数据的滚动效果——jquery滚动组件(vticker.js)
- [js开源组件开发]html5标签audio的样式更改
- 优秀js开源框架-jQuery使用手册(2)
- 导入文件 jquery.js文件报红解决办法
- [js开源组件开发]图片放大镜
- 使用Jquery Easy UI要导入的js顺序
- js生成二维码的jquery组件–qrcode
- jQuery开源组件--jqGird
- 使用Jquery Easy UI要导入的js顺序
- jQuery开源组件--BootstrapValidator
- JavaWEB+JS+jquery-1.11.1.min.js导入MyEclipse报错
- JS组件系列——开源免费图表组件:Chart.js
- eclipse中导入jquery或者其他的js文件报错
- [导入]JavaScript组件之JQuery(A~Z)教程(基于Asp.net运行环境)[示例代码下载]
- 优秀js开源框架-jQuery使用手册(3)
- Pc端和移动端拖拽组件jquery.drag.js