導讀:后端開發(fā)后端開發(fā)layui導入excel文件的方法：首先將文件引入頁面；然后監(jiān)控頭工具欄的點擊事件，代碼為。
layui導入excel文件的方法：首先將文件引入頁面；然后監(jiān)控頭工具欄的點擊事件，代碼為。
layui導入excel文件的方法：
1、將excel引入頁面.js文件：
//引入excel
layui.config({
base: 'layui_ext/',
}).extend({
excel: 'excel',
});2、監(jiān)控頭工具欄點擊事件
// 監(jiān)控頭工具欄事件
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導入#39;,
content : $("#ImportExcel"),
cancel : function() {
layer.close();
},
success : function(layero, index) {
ImportExcel();
},
});
}
//導入Excel結(jié)束
});
////監(jiān)聽頭工具欄事件結(jié)束3、ImportExcel()方法：
///導入方法
function ImportExcel(){
var $ = layui.jquery
,upload = layui.upload;
var uploadInst = upload.render({
elem: '#importExcel',
/*method: 'POST',*/
url: basePath + 'PowerUser/importPowerUserData.action',
accept: 'file', //普通文件
exts: 'xls|excel|xlsx', ///導入表格
auto: false, ///選擇文件后不自動上傳
before: function (obj) {
layer.load(); //上傳loading
},
choose: function (obj) {// 選擇文件回調(diào)
var files = obj.pushFile();
var fileArr = Object.v如何seo優(yōu)化推廣網(wǎng)站alues(files);// 這里的數(shù)據(jù)需要是數(shù)組，所以需要轉(zhuǎn)換
//console.debug(fileArr)
// 用完后清洗干凈，避免在多次選擇相同文件時出現(xiàn)問題
for (var index in files) {
if (files.hasOwnProperty(index)) {
delete files[index];
}
}
uploadExcel(fileArr); // 若只需要最新選擇的文件，可以這樣寫： uploadExcel([files.pop()])
},
error : function(){
setTimeout(function () {
layer.msg("上傳失敗！", {
icon : 1
});
//關(guān)閉所有彈出層
layer.closeAll(); ///瘋狂模式，關(guān)閉所有層
},1000);
}
});
}4、uploadExcel()方法：
function uploadExcel(files) {
try {
var excel = layui.excel;
excel.importExcel(files, {
// 在閱讀數(shù)據(jù)的同時，對數(shù)據(jù)進行梳理
fields: {
'tId' : 'A',
'inport' : 'B',
'state' : 'C',
'householdNumber' : 'D',
'accountName' : 'E',
'phone' : 'F'
}
}, function (data) {
var arr = new Array();
for(i = 1; i < data[0].Sheet1.length; i++){
var tt = {
cId : selectConcentrator,
tId : data[0].Sheet1[i].tId,
inport: data[0].Sheet1[i].inport,
state: data[0].Sheet1[i].state,
householdNumber: data[0].Sheet1[i].householdNumber,
accountName: data[0].Sheet1[i].accountName,
phone: data[0].Sheet1[i].phone,
};
arr.push(tt);
}
$.ajax({
async: false,
url: basePath + 'PowerUser/importPowerUserData.action',
type: 'post',
dataType: "json",
contentType: "application/x-www-form-urlencoded",
data: {
data : JSON.stringify(arr)
},
success: function (data) {
if(data.success){
layer.msg(data.message);
setTimeout(function () {
layer.closeAll(); //瘋狂模式，關(guān)閉所有層
},1000);
///表格導入成功后，重載表格
tableIns.reload('testTerminalConfigReload',{
url : basePath + 'PowerUser/PowerUserDataTable.action',
page : {
百度seo網(wǎng)站優(yōu)化 limit : 10, // 初始 每頁有幾個數(shù)據(jù)
limits : [ 10, 20, 30 ]
// 可以選擇的 每頁有幾個數(shù)據(jù)
},
where : {
cId : selectConcentrator,
tId : selectTerminal
},
parseData: function(res){ //res 即原始返回的數(shù)據(jù)
return {
"code": 0, ///分析接口狀態(tài)
"msg": res.message, //分析提示文本
"count": res.total, ///分析數(shù)據(jù)長度
"data": res.data ///分析數(shù)據(jù)列表
};
}
seo網(wǎng)站關(guān)鍵詞優(yōu)化}, 'data');
}else{
///表格導入失敗后，上傳重載文件
layer.alert(data.error+"請重新上傳",{icon : 2});
}
},
error: function (msg) {
layer.msg('請聯(lián)系管理員！!!!');
}
});
});
} catch (e) {
layer.alert(e.message);
}
}
關(guān)鍵詞標簽: 方法 文件 后端開發(fā)
聲明: 本文由我的SEOUC技術(shù)文章主頁發(fā)布于:2023-05-27 ，文章layui導入excel文件的方法后端開發(fā)主要講述文件,方法,后端開發(fā)網(wǎng)站建設(shè)源碼以及服務(wù)器配置搭建相關(guān)技術(shù)文章。轉(zhuǎn)載請保留鏈接: http://www.bifwcx.com/article/web_11249.html
