如何使用 JS (Internet Explorer) 以编程方式下载文件

Question

我有一个网页，其中有一个按钮，单击该按钮会生成一个（通过从 json 进行转换）由浏览器下载的 csv 文件。它本质上使用了来自jsfiddle 的逻辑。这一切都适用于 chrome，但在 IE 中，没有任何反应。

 var uri = 'data:text/csv;charset=utf-8,' + escape(CSV);

    // Now the little tricky part.
    // you can use either>> window.open(uri);
    // but this will not work in some browsers
    // or you will not get the correct file extension    

    //this trick will generate a temp <a /> tag
    var link = document.createElement("a");    
    link.href = uri;

    //set the visibility hidden so it will not effect on your web-layout
    link.style = "visibility:hidden";
    link.download = fileName + ".csv";

    //this part will append the anchor tag and remove it after automatic click
    document.body.appendChild(link);
    link.click();
    document.body.removeChild(link);

问题似乎是 Internet Explorer 中不存在锚标记的下载属性。我一直在查看大量文章和 SO 帖子，但我还没有找到可以在页面中使用的连贯解决方案。

jsfiddle中的代码如何在IE中实现？

Answer 1

这是我过去使用的。这处理 IE 和非 IE。

            var filename = "file.txt";
            var data = "some data";
            var blob = new Blob([data], { type: 'text/csv' });
            if (window.navigator.msSaveOrOpenBlob) {
                window.navigator.msSaveBlob(blob, filename);
            }
            else {
                var elem = window.document.createElement('a');
                elem.href = window.URL.createObjectURL(blob);
                elem.download = filename;
                document.body.appendChild(elem);
                elem.click();
                document.body.removeChild(elem);
            }