JS兼容浏览器的导出Excel(CSV)文件的方法_javascript技巧
程序员文章站
2022-06-06 15:37:16
...
Js导出表格为Excel文件 的常见一种办法是调用:ActiveXObject("Excel.Application") ,但是这种方法有局限性,只能在IE系列下的浏览器里实现,兼容性方面不理想。
var str = "博客, 域名\nBlog, 2\njb51.net, 3";
var uri = 'data:text/csv;charset=utf-8,' + str;
这种方法在谷歌/火狐系列浏览器里是OK的,但是在IE里会有“传递给系统调用的数据区域太小 ”的报错提示,原因是href指定的值的字节数过多。
经测试,采用本文推荐的方法能兼容性较好的导出表格内容到Excel文件。
复制代码 代码如下:
var str = "博客, 域名\nBlog, 2\njb51.net, 3";
var uri = 'data:text/csv;charset=utf-8,' + str;
var downloadLink = document.createElement("a");
downloadLink.href = uri;
downloadLink.download = "export.csv";
document.body.appendChild(downloadLink);
downloadLink.click();
document.body.removeChild(downloadLink);
这种方法在谷歌/火狐系列浏览器里是OK的,但是在IE里会有“传递给系统调用的数据区域太小 ”的报错提示,原因是href指定的值的字节数过多。
So,对于IE浏览器只好判断下,采用ActiveXObject的形式。
如此便能较好的使用Javascript导出HTML内容到Excel文件。
推荐阅读
-
javascript导出csv文件(excel)的方法示例
-
js基于FileSaver.js 浏览器导出Excel文件的示例
-
Python导出数据到Excel可读取的CSV文件的方法
-
thinkPHP导出csv文件及用表格输出excel的方法
-
js 获取屏幕各种宽高的方法(浏览器兼容)_javascript技巧
-
JS将表单导出成EXCEL的实例代码_javascript技巧
-
浏览器解析js生成的html出现样式问题的解决方法_javascript技巧
-
JS打开新窗口防止被浏览器阻止的方法_javascript技巧
-
JS兼容浏览器的导出Excel(CSV)文件的方法_javascript技巧
-
jquery库文件略庞大用纯js替换jquery的方法_javascript技巧