php layui数据导入excel,layui导入excel文件的方法是什么,

layui导入excel文件的方法是什么拉威导入超过文件的方法是什么，

我们先来看看完成的效果图：

(相关推荐：layui)

具体步骤如下：

首先：导入layui第三方插件js，地址：

https://fly.layui.com/extend/excel/1、在页面中引入excel.js文件：

//引入超过

layui.config({

base: ‘layui_ext/’，

}).扩展({

excel: ‘excel ‘，

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

//监听头工具栏事件

桌子。在(‘工具栏(Terminaconfig)’，函数(obj) {

var layer=layui.layer

//添加终端

if(obj.event==’import’){

layer.open({

类型： 1,

shade : false，

面积：[‘ 350像素’,’ 260像素’],

标题： ‘导入Excel ‘，

内容：美元(‘ #ImportExcel ‘)，

cancel : function() {

层。close()；

},

成功：函数(layero，index) {

ImportExcel()；

},

});

}

//导入超过结束

});

//监听头工具栏事件结束3、导入xcel()方法：

//导入方法

函数ImportExcel(){

var $=layui.jquery

，upload=layui.upload

var uploadInst=upload.render({

elem: ‘#importExcel ‘，

/*method: ‘POST ‘，*/

url:基本路径’超级用户/导入超级用户数据。操作，

accept: ‘file ‘，//普通文件

exts: ‘xls|excel|xlsx ‘，//导入表格

auto: false，//选择文件后不自动上传

:之前函数{(obj)

层。load()；//上传装货

},

选择：函数(obj) {//选择文件回调

var files=obj。pushfile()；

var fileArr=Object.values(文件);//注意这里的数据需要是数组，所以需要转换一下

//console.debug(fileArr)

//用完就清理掉，避免多次选中相同文件时出现问题

对于(文件中的var索引){

if(文件。Hasownproperty(index)){

删除文件[索引];

}

}

uploadExcel(FileArr)；//如果只需要最新选择的文件，可以这样写：uploadExcel([files.pop()])

},

错误： function(){

setTimeout(函数(){

layer.msg(‘上传失败!’, {

图标： 1

});

//关闭所有弹出层

层。close all()；//疯狂模式，关闭所有层

},1000);

}

});

}4、上传Excel()方法：

函数上传Excel(文件){

尝试{

var excel=layui.excel

excel.importExcel(文件，{

//读取数据的同时梳理数据

字段： {

tId’ : ‘A ‘，

入口： ‘B ‘，

状态： ‘C ‘，

户主号码： ‘D ‘，

帐户名： ‘东’，

电话： ‘F ‘

}

},函数(数据){

var arr=new Array()；

for(I=1；我数据[0].表1。长度；i ){

var tt={

cId :选择集中器，

tId :数据[0].第1[i]页.tId，

inport: data[0].Sheet1[i].在港口，

state: data[0].Sheet1[i].州，

家庭数字：数据[0].表格1[I]10 .家庭号码，

帐户名：数据[0]。第1[I]页.帐户名称，

phone: data[0].Sheet1[i].电话，

};

arr。push(TT)；

}

$。ajax({

async: false，

url:基本路径’超级用户/导入超级用户数据。操作，

type: ‘post ‘，

dataType: ‘json ‘，

内容类型： ‘应用/x-www-form-URL编码’，

数据： {

data : JSON.stringify(arr)

},

成功：函数(数据){

if(data.success){

层。msg(数据。消息)；

setTimeout(函数(){

层。close all()；//疯狂模式，关闭所有层

},1000);

//表格导入成功后，重载表格

tableins。重新加载(‘ TestterminconfigReload ‘，{

url :基本路径’超级用户/超级用户数据表。操作，

第：页

限制： 10，//最初每页多少条数据

极限： [ 10，20，30 ]

//每页可以选择多少条数据

},

其中： {

cId :选择集中器，

tId :选择终端

},

Parsedata:函数(RES) {//RES为原始返回数据

返回{

代码’ : 0，//解析接口状态

Msg’: res.message，//解析提示文本

Count’: res.total，//解析数据长度

数据’ : res.data //解析数据列表

};

}

}，’ data ‘)；

}else{

//表导入失败后上传文件

Layer.alert(data.error ‘请重新上传’，{ icon : 2 })；

}

},

错误：函数(msg) {

Layer.msg(‘请联系管理员！’);

}

});

});

} catch (e) {

layer . alert(e . message)；

}

}方法四是读取数据，整理数据。解析Excel数据，然后将数据发送到后端。后端解析数据并将其插入数据库。成功后，将“Excel导入成功”返回前端。Excel导入成功后，重新加载表格，表格中即可显示数据。以上是layui导入excel文件方法的详细内容。请多关注其他关于Lei.com PHP知识的相关文章！