从 IE 11 中的 HTTP URL 下载 blob

Question

我的页面生成这样的 URL：blob:http%3A//localhost%3A8383/568233a1-8b13-48b3-84d5-cca045ae384f，具有文件数据的 blob。我在除 IE 11 之外的每个浏览器中都将其作为文件下载。如何在 IE 11 中下载此 blob？新标签页打开并持续刷新。

var file = new Blob([data], { type: 'application/octet-stream' });
var reader = new FileReader();
reader.onload = function (e) {
    var text = reader.result;
}
reader.readAsArrayBuffer(file);
var fileURL = URL.createObjectURL(file);
var filename = fileURL.replace(/^.*[\\\/]/, '');
var name = filename + '.doc';

var a = $("<a style='display: none;'/>");
a.attr("href", fileURL);
a.attr("download", name);
$("body").append(a);
a[0].click();
a.remove();

Answer 1

IE11 不支持 URL.createObjectURL()

为我工作。

IE11 我正在使用

window.navigator.msSaveOrOpenBlob(blob, fileName);

或者，如果检查条件。

var blob = 'Blob Data';
if(window.navigator.msSaveOrOpenBlob) {

    // IE11
    window.navigator.msSaveOrOpenBlob(blob, fileName);
} else {

    // Google chome, Firefox, ....
    var url = (window.URL || window.webkitURL).createObjectURL(blob);
    $('#filedownload').attr('download', fileName);
    $('#filedownload').attr('href', url);  
    $('#filedownload')[0].click();
}

阅读更多：Fixed URL.createObjectURL() function doesn't work in IE 11

演示：JSFiddle

Answer 2

在将 IE 特定部分更改为此后，Fidel90 的答案在 IE 11 中运行良好：

(!window.navigator.msSaveBlob ? false : function (blobData, fileName) {
      return window.navigator.msSaveBlob(blobData, fileName);
})

Answer 3

在 IE 中尝试window.navigator.saveBlob(fileURL,name);。

如需了解更多信息，请查看documentation at MSDN。

在过去，我创建了以下非常方便的 polyfill 来检查 IE，否则使用通过 href 下载。也许它会帮助你（或其他人）：

//check for native saveAs function
    window.saveAs = window.saveAs || window.webkitSaveAs || window.mozSaveAs || window.msSaveAs ||
        //(msIE) save Blob API
        (!window.navigator.saveBlob ? false : function (blobData, fileName) {
            return window.navigator.saveBlob(blobData,fileName);
        }) ||
        //save blob via a href and download
        (!window.URL ? false : function (blobData, fileName) {
            //create blobURL
            var blobURL = window.URL.createObjectURL(blobData),
                deleteBlobURL = function () {
                    setTimeout(function () {
                        //delay deleting, otherwise firefox wont download anything
                        window.URL.revokeObjectURL(blobURL);
                    }, 250);
                };

            //test for download link support
            if ("download" in document.createElement("a")) {
                //create anchor
                var a = document.createElement("a");
                //set attributes
                a.setAttribute("href", blobURL);
                a.setAttribute("download", fileName);
                //create click event
                a.onclick = deleteBlobURL;

                //append, trigger click event to simulate download, remove
                document.body.appendChild(a);
                a.click();
                document.body.removeChild(a);
            }
            else {
                //fallback, open resource in new tab
                window.open(blobURL, "_blank", "");
                deleteBlobURL();
            }
        });

然后您可以在应用中的任何位置使用它，如下所示：

window.saveAs(blobData, fileName);