• linkedu视频
  • 平面设计
  • 电脑入门
  • 操作系统
  • 办公应用
  • 电脑硬件
  • 动画设计
  • 3D设计
  • 网页设计
  • CAD设计
  • 影音处理
  • 数据库
  • 程序设计
  • 认证考试
  • 信息管理
  • 信息安全
菜单
linkedu.com
  • 网页制作
  • 数据库
  • 程序设计
  • 操作系统
  • CMS教程
  • 游戏攻略
  • 脚本语言
  • 平面设计
  • 软件教程
  • 网络安全
  • 电脑知识
  • 服务器
  • 视频教程
  • dedecms
  • ecshop
  • z-blog
  • UcHome
  • UCenter
  • drupal
  • WordPress
  • 帝国cms
  • phpcms
  • 动易cms
  • phpwind
  • discuz
  • 科汛cms
  • 风讯cms
  • 建站教程
  • 运营技巧
您的位置:首页 > CMS教程 >建站教程 > LayUI如何导入excel文件

LayUI如何导入excel文件

作者:站长图库 字体:[增加 减小] 来源:互联网

站长图库向大家介绍了LayUI导入excel文件等相关知识,希望对您有所帮助

layui导入excel文件的方法:首先在页面中引入【excel.js】文件;然后监听头工具栏的点击事件,代码为【title : '导入Excel',content : $("#ImportExcel")】。


LayUI如何导入excel文件


layui导入excel文件的方法:

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

LayUI如何导入excel文件

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

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) {// 选择文件回调            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);        }    });}

4、uploadExcel()方法:

function uploadExcel(files) {    try {        var excel = layui.excel;        excel.importExcel(files, {            // 读取数据的同时梳理数据            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 = {              &n
  


 
分享到:QQ空间新浪微博腾讯微博微信百度贴吧QQ好友复制网址打印

您可能想查找下面的文章:

相关文章

  • 如何使用PhpSpreadsheet导入导出Excel
  • Photoshop制作非常简洁的灰色质感导航栏
  • WordPress常见故障有哪些?怎么处理?
  • PHP怎么遍历数组替换数组中的元素的值
  • DEDECMS修改提示信息方法
  • PhotoShop制作逼真的墙面粉笔字效果
  • Illustrator制作超有质感立体矢量LOGO
  • 登录网站没有显示laravel欢迎页面是什么情况?
  • PS绘制质感导航按钮
  • MongoDB和MySQL的区别是什么

文章分类

  • dedecms
  • ecshop
  • z-blog
  • UcHome
  • UCenter
  • drupal
  • WordPress
  • 帝国cms
  • phpcms
  • 动易cms
  • phpwind
  • discuz
  • 科汛cms
  • 风讯cms
  • 建站教程
  • 运营技巧

最近更新的内容

    • 如何修改mysql的默认时区
    • Photoshop设计金属质感的网页按钮
    • Photoshop多边形套索工具无法闭合BUG(单击,双击,Esc,回车)均无效的解决办法
    • PHP怎么判断一个客户端是手机还是电脑
    • 如何解决微信支付php7.0错误问题
    • 推荐六款移动端 UI 框架
    • PhotoShop滤镜制作简单的冰晶字效果教程
    • 织梦dedecms文章、软件发布页添加图片展示(增加多
    • PS制作炫彩新年快乐艺术文字效果的教程
    • DedeCMS安全设置 目录执行php脚本限制方法

关于我们 - 联系我们 - 免责声明 - 网站地图

©2020-2025 All Rights Reserved. linkedu.com 版权所有