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。在资源管理器中，不会发生下载并给出控制台消息：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

我现在发现，它适用于 Chrome 和 IE：

http://danml.com/download.html

亲切的问候，

Answer 2

使用element.appendChild(newElement);

或覆盖 jquery 附加

$('#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';

        }

        if (navigator.userAgent.search("Edge") > -1) {

            document.body.append = document.body.appendChild;              

        }

        document.body.append(a); // or use appendChild

        a.click();

        a.remove();

    });

Answer 3

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();

}