layui 导出Excel表格不支持IE兼容模式导出,会提示 IE_NOT_SUPPORT_EXPORTS 错误

我这里使用的layui版本是2.5.6,查看layui版本号在table.js的头部文件中有,例如:/** layui-v2.5.6 MIT License */

我这里是将table.js源代码格式化了,方便查找和替换代码,js格式化可以百度搜索在线格式化工具

例如:https://tool.oschina.net/codeformat/js/

这里需要修改一下layui框架中的 table.js,将如下图片内容替换成下面的代码

将如下代码替换上图内容代码即可支持IE模式导出Excel

这里多了一个name,是因为这边有需求,导出的时候默认设置Excel名称,所以加了name参数

d.exportFile = function(e, t, i, name) {
                t = t || d.clearCacheKey(d.cache[e]), i = i || "csv";
                var a = c.config[e] || {},  // 分页按钮
                    l = {csv: "text/csv", xls: "application/vnd.ms-excel"}[i], // meta格式
                    n = document.createElement("a"), // a 标签
                    type = i,
                    meta = l,
                    title = a.title;
                if (r.ie) {
                    var i = [], a = [];
                    layui.each(t, function (t, l) {
                        var n = [];
                        "object" == typeof e ? (layui.each(e, function (e, a) {
                            0 == t && i.push(a || "")
                        }), layui.each(d.clearCacheKey(l), function (e, t) {
                            n.push(t)
                        })) : d.eachCols(e, function (e, a) {
                            a.field && "normal" == a.type && !a.hide && (0 == t && i.push(a.title || ""), n.push(l[a.field]))
                        }), a.push(n.join(","))
                    });
                    var data = i.join(",") + "\r\n" + a.join("\r\n")
                    //navigator.msSaveBlob(new Blob(['\ufeff' + data], {type: meta + ';charset=utf-8;'}), title + '.' + type)
                    navigator.msSaveBlob(new Blob([decodeURIComponent(encodeURI(data))], {type: 'text/csv;charset=utf-8;'}),  (name || a.title || 'table_' + (a.index || '')) + '.' + type);
                } else {
                    return n.href = "data:" + l + ";charset=utf-8,\ufeff" + encodeURIComponent(function () {
                        var i = [], a = [];
                        return layui.each(t, function (t, l) {
                            var n = [];
                            "object" == typeof e ? (layui.each(e, function (e, a) {
                                0 == t && i.push(a || "")
                            }), layui.each(d.clearCacheKey(l), function (e, t) {
                                n.push(t)
                            })) : d.eachCols(e, function (e, a) {
                                a.field && "normal" == a.type && !a.hide && (0 == t && i.push(a.title || ""), n.push(l[a.field]))
                            }), a.push(n.join(","))
                        }), i.join(",") + "\r\n" + a.join("\r\n")
                    }()), n.download = (name || a.title || "table_" + (a.index || "")) + "." + i, document.body.appendChild(n), n.click(), void document.body.removeChild(n)
                }},

加name参数的作用:

关于layui不支持IE兼容模式导出问题相关推荐

  1. WCF技术剖析之五:利用ASP.NET兼容模式创建支持会话(Session)的WCF服务

    原文:WCF技术剖析之五:利用ASP.NET兼容模式创建支持会话(Session)的WCF服务 在<基于IIS的WCF服务寄宿(Hosting)实现揭秘>中,我们谈到在采用基于IIS(或者 ...

  2. ie10和ie11支持html5吗,IE11兼容模式和IE10兼容模式有什么区别

    不仅有一个"兼容模式",但有几个. v8和v11之间的所有IE版本都提供兼容模式.早在IE7的早期版本中就有一个兼容模式.因此,IE8提供IE7兼容模式,IE9提供IE8和IE7兼 ...

  3. css在兼容模式下无法引用_如何在CSS中使用深色模式

    css在兼容模式下无法引用 by Frank Lämmer 由FrankLämmer 如何在CSS中使用深色模式 (How to get dark mode working with CSS) I h ...

  4. 360浏览器兼容模式下IE内核版本

    问题 最近在跟客户演示系统时,自己电脑IE 11下好好的,我们web系统最低支持到IE9.在客户电脑上,IE9浏览器下可以正常浏览,但是360兼容模式下,页面什么也不显示. 通过F12调试工具发现,3 ...

  5. 开启计算机开机引导兼容模式,Intel决定2020年封禁UEFI兼容模式 将无法开启CSM来启动操作系统...

    UEFI(统一可扩展固件接口)取代传统的BIOS已经有相当长一段时间了,这两者比较直观的区分方式就是看界面中是否有鼠标按钮,当然,底层还是有不少差异. 从操作系统层面,Windows 8之后开始支持完 ...

  6. 此内容不能显示在一个框架中 ie_Chromium Edge中的IE兼容模式 与我们设想的有些不一样...

    在今年 5 月的 Build 2019 开发者大会上,微软郑重宣布了将打造基于 Chromium 内核的 Edge 浏览器和 IE 兼容模式的消息.很多人猜测,除了跳转至用系统自带的 IE 浏览器,C ...

  7. 强制浏览器使用兼容模式,Web.config,httpProtocol

    对于一些政府类的网站,很多支持IE6~8,而不支持使用更高版本浏览器浏览.虽然有些浏览器会自动使用兼容模式,或有些人会手动调整浏览器的兼容模式,但不是每一个人.每一款浏览器都可以做到用兼容模式.所以, ...

  8. 解决360等等浏览器兼容模式解析不兼容代码

    之前写的代码不是很规范 , 在今天测试下发现360浏览器等等的浏览器使用兼容模式会有很多不兼容 , 网上了解过一下 , 说是很多浏览器的兼容模式可能就是为了兼容IE7之前的网站代码 , 而非我们字面理 ...

  9. DOM-5【兼容】滚动距离与高度、兼容模式、可视尺寸

    查看滚动条的距离 方法 版本 window.pageXOffset / pageYOffset IE9/IE8及以下不支持(常规) document.body.scrollLeft/scrollTop ...

最新文章

  1. sharepoint试图筛选等于本人
  2. Xamarin Visual Studio提示找不到AssemblyAttributes.cs文件
  3. 检测raid类型和磁盘坏道脚本
  4. Moldflow中文版注塑流动分析案例导航视频教程
  5. 程序员面试金典 - 面试题 16.21. 交换和(哈希set)
  6. go结构体初始化_golang中结构体的初始化方法
  7. slack 使用说明_如何使用Node.js为Slack构建Meetupbot
  8. 2017-5-5/PHP实现负载均衡的加权轮询
  9. 2.1.3 Sorting a Three-Valued Sequence 三值的排序
  10. 扫雷游戏代码+代码分析
  11. html5 blob video 下载
  12. 异常处理与MiniDump详解 4 MiniDump
  13. 小议Linux安全防护(一)
  14. ACL——拒绝源地址
  15. 中国医药流通行业深度分析及十四五发展规划咨询建议报告2022-2028年版
  16. 在word中填充背景颜色的方法
  17. 扇贝python课程打卡_Learning by doing——百日“扇贝打卡” 历程展望
  18. 《金字塔原理》读书思维导图
  19. 游戏开发---影子跟随算法
  20. Mysql中数据类型括号中的数字代表的含义

热门文章

  1. 了解一个跨年才出现的bug
  2. 深度剖析:手机指纹的马奇诺防线
  3. 工业类计算机主板维修,工控机电脑主板坏了如何维修 工业主板故障解决方法...
  4. PairProject: .Net时代炫酷连连看
  5. 游戏音频三要素:响度、音调、音色
  6. Ultra Libraian介绍
  7. java 判断是否为cst格式_格式化CST日期时间(包含英文和中文两种格式的CST时间)...
  8. 异常监测与应急恢复解决方案
  9. 中超风云2服务器维护,《中超风云2》五大技巧分享 让你秒变老司机
  10. 2023年ASO的深度指南