【知识积累】使用js-xlsx，JS实现导入excel表格

最新推荐文章于 2026-05-14 15:04:26 发布

原创

最新推荐文章于 2026-05-14 15:04:26 发布 · 3.1k 阅读

收录于

本文详细介绍了如何使用js-xlsx库在JavaScript中实现Excel文件的导入功能，包括引入插件和具体的操作代码示例，帮助开发者进行数据处理。

1.导入功能的实现

1.1.引入相关的js插件

<!--js-xlsx  -->
<!-- 		<script src="/https://oss.sheetjs.com/js-xlsx/xlsx.full.min.js"></script> -->
		<script src="../../plugins/js-xlsx/xlsx.full.min.js"></script>

1.2.设置对应的弹窗

<div class="modal-body">
<input type="file" onchange="importf(this)" id="excel" />
 <span id="uploadCarVin_prompt" style="color: red;"> </span>
</div>

1.3.操作代码

var wb; //读取完成的数据  
var rABS = false; //是否将文件读取为二进制字符串  
//导入文件
function importf(obj) {				
	if(!obj.files) {
	return;
	}
	//验证格式
	var suffix = obj.files[0].name.split(".")[1]
	if(suffix != 'xls' && suffix !='xlsx'){
	$("#uploadCarVin_prompt").text('导入的文件格式不正确!');			    	
	//清空上传文本框文件
	var obj = document.getElementById("excel");
	obj.outerHTML = obj.outerHTML;
	return;
	}
	const IMPORTFILE_MAXS