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知识的相关文章！
2万+
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
