Layui에서 Excel 파일을 가져오는 방법

layui에서 Excel 파일을 가져오는 방법: 먼저 [excel.js] 파일을 페이지에 삽입한 다음 헤더 도구 모음의 클릭 이벤트를 들어보세요. 코드는 [title: 'Import Excel', content: $(" #ImportExcel")] .

이 튜토리얼의 운영 환경: windows7 시스템,layui v2.5.7 버전, DELL G3 컴퓨터 이 방법은 모든 브랜드의 컴퓨터에 적합합니다.

layui에서 Excel 파일을 가져오는 방법:

1. excel.js 파일을 페이지에 추가합니다:

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

2. ImportExcel()의 클릭 이벤트를 듣습니다. 방법:

// 监听头工具栏事件
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"),
cancel : function() {
layer.close();
},
success : function(layero, index) {
ImportExcel();
},
});
}
//导入Excel结束
});
//监听头工具栏事件结束

4. uploadExcel() 방법:

//导入方法
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) {// 选择文件回调
  var files = obj.pushFile();
  var fileArr = Object.values(files);// 注意这里的数据需要是数组，所以需要转换一下
  //console.debug(fileArr)
  // 用完就清理掉，避免多次选中相同文件时出现问题
  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
});
//关闭所有弹出层
layer.closeAll(); //疯狂模式，关闭所有层
  },1000);
  }
  });
}

권장(무료):

layui 튜토리얼

위 내용은 Layui에서 Excel 파일을 가져오는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!