这个插件叫sheetjs,可以将excel文件读取出来,可以转成json,xml,文本等格式,也可以将html网页转换成excel格式;而且可以读取excel文件后显示出来可以编辑,编辑完后可以保持。总而言之功能非常强大,具体如何使用及下载地址如下:
https://github.com/sheetjs/sheetjs
下面简单介绍一下读取excel文件成json格式:
1、引入js文件:
下载好sheetjs库后,引入常用的必要文件:xlsx.core.min.js、xlsx.full.min.js
2、然后开始使用:
//选择excel文件的点击按钮
<button id="dsboke">选择excel文件</button>
//选择excel文件的input文件表单,此表单限制选择excel文件
<input type="file" id="excelfile" style="display:none;" accept="application/vnd.openxmlformats-officedocument.spreadsheetml.sheet"/>
下面是js使用方法(需要引入jquery库):
$(document).on("click","#dsboke",function(){
$("#excelfile").click();
});
// 读取本地excel文件
readWorkbookFromLocalFile = function(file, callback) {
var reader = new FileReader();
reader.onload = function(e) {
var data = e.target.result;
var workbook = XLSX.read(data, {type: 'binary'});
if(callback) callback(workbook);
};
reader.readAsBinaryString(file);
}
//读取excel文件内容
document.getElementById('excelfile').addEventListener('change', function(e) {
var files = e.target.files;
if(files.length == 0) return;
var loadding = layer.load(1, {shade: [0.1,'#fff']});
var f = files[0];
if(!/\.xlsx$/g.test(f.name)) {
layer.msg("仅支持读取xlsx格式!");
layer.close(loadding);
return;
}
readWorkbookFromLocalFile(f, function(workbook) {
document.getElementById('excelfile').value = '';
layer.close(loadding);
var sheetNames = workbook.SheetNames; // 工作表名称集合
var worksheet = workbook.Sheets[sheetNames[0]]; // 这里只读取第一张sheet
var excelJson = XLSX.utils.sheet_to_json(worksheet);
console.log(excelJson);
});
});