js读取excel文件内容插件推荐及使用方法

By | 2020年6月8日

这个插件叫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);
  });
});

发表评论

电子邮件地址不会被公开。 必填项已用*标注