layui导入Excel文件

最新推荐文章于 2024-08-08 07:59:44 发布

置顶

fjzzpljj

最新推荐文章于 2024-08-08 07:59:44 发布

阅读量1.2w

点赞数 5

本文链接：https://blog.csdn.net/fjzzpljj/article/details/105680418

版权

本文介绍了如何在layui框架中导入Excel文件，通过引入layui的excel插件，监听头工具栏点击事件，调用ImportExcel和uploadExcel方法读取并解析Excel数据，将解析后的数据传至后端存储到数据库。成功后返回提示并重新加载表格展示数据。

摘要由CSDN通过智能技术生成

具体如下图所示：

首先：导入layui第三方插件js，地址：https://fly.layui.com/extend/excel/

1、在页面中引入excel.js文件：

//引入excel
   layui.config({
       base: 'layui_ext/',
   }).extend({
       excel: 'excel',
   });

2、监听头工具栏的点击事件

// 监听头工具栏事件
table.on('toolbar(terminalConfig)', function(obj) {
	var layer = layui.layer;
	// 添加终端
	if(obj.event == 'import'){
		layer.open({
			type : 1,
			shade : false,
			area : [ '350px', '260px' ],
			title : '导入Excel',
			content : $("#ImportExcel"),