javascript – 在Internet Explorer中下载动态CSV

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了javascript – 在Internet Explorer中下载动态CSV，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1296字，纯文字阅读大概需要2分钟。

内容图文

以下代码适用于FireFox和Chrome,但不适用于IE.基本上,我有一个JSON对象转换为数组,然后转换为csv格式,当我单击FF或Chrome中的按钮时,文件被下载或“另存为”窗口打开,但在IE中打开一个新选项卡.在一个完美的世界中IE不会存在,但在现实世界中我们必须让它工作,哈哈.

$("#csvbtn").click(function(e){
    e.preventDefault();
    var  json_obj= JSON.parse(result);
    var csv = JSON2CSV(json_obj);
    window.open("data:text/csv;charset=utf-8," + escape(csv));
});

顺便说一句,我在Windows 8中使用IE 11来测试这个,如果这有所不同.

谢谢大家！

解决方法:

这是我的解决方案,以防其他人正在寻找解决方案.现在它适用于FF,Chrome和IE

var csv = JSON2CSV(json_obj);            
var blob = new Blob([csv],{type: "text/csv;charset=utf-8;"});

if (navigator.msSaveBlob) { // IE 10+
navigator.msSaveBlob(blob, "csvname.csv")
    } else {
        var link = document.createElement("a");
        if (link.download !== undefined) { // feature detection
            // Browsers that support HTML5 download attribute
            var url = URL.createObjectURL(blob);
            link.setAttribute("href", url);
            link.setAttribute("download", "csvname.csv");
            link.style = "visibility:hidden";
            document.body.appendChild(link);
            link.click();
            document.body.removeChild(link);
        }           
    }

现在我只需要弄清楚是否有一种方法可以弹出另存为屏幕,而不是自动保存文件.如果有人知道答案,请分享.现在我的用户将不得不使用此功能.

非常感谢所有伟大的答案,你们真棒.

内容总结

以上是互联网集市为您收集整理的javascript – 在Internet Explorer中下载动态CSV全部内容，希望文章能够帮你解决javascript – 在Internet Explorer中下载动态CSV所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端