javascript - jQuery 下载适用于 Chrome 而不是资源管理器

Question

我正在使用以下代码将文件下载到桌面:

    $('#resourceTable tbody').on( 'click', '#getFile', function () {

        var data = resourceTable.row( $(this).parents('tr') ).data();
        var a = document.createElement('a');
        a.href = data.resourseImage

        if (data.resourseImageType === "pdf"){
            a.download = 'myfile.pdf';
        }else{
            a.download = 'myfile.jpg';
        }

        document.body.append(a);
        a.click();
        a.remove();
    });

它适用于 Chrome。在 Explorer 中，下载没有发生，并给出了控制台消息:

SCRIPT438: Object doesn't support property or method 'append'
resourceAdmin.js (559,10)

第 559 行是:

document.body.append(a);

我试过:

$("document.body").append($(a));
a.click();
$(a).remove();

适用于 Chrome。在资源管理器中(没有错误)按钮变成蓝色；但是，不会出现下载弹出窗口。

Answer 1

IE 不支持这种下载方式。您应该首先将数据转换为 blob 并使用 IE 特定功能。在第559行之前。检查是否是IE浏览器，然后使用IE支持的另一种方法下载，如下所示-

var blob = new Blob([data.resourseImage], {type:  "text/plain;charset=utf-8;"});
if (navigator.msSaveBlob) {
    return navigator.msSaveBlob(blob, fileName);
} else {
    $("document.body").append($(a));
    a.click();
    $(a).remove();
}