AngularJS“Blob”在 IE8、IE9 和 Firefox 中不起作用

Question

请有人帮我解决我在 angularJs 中使用“Blob”下载 excel 文件的问题。它在 Chrome 和 IE10 和 11 中工作，但是当我使用 Firefox 和 IE8&9 时，没有弹出下载会告诉在哪里保存或打开它，就像在 Chrome 中一样。

我的 API 数据成功返回要下载的字节，但我的客户端脚本无法下载。

这是我在 AngularJS 中的代码：

    $scope.LoadData = function () {
        $scope.yearIsLoading = true;
        reportsService.getAssessmentReports($scope.filter).$promise.then(function (response) {
            if (response != null) {
                var file = new Blob([response.data], { type: 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet' });
                saveAs(file, 'Assessments Report');
                $scope.yearIsLoading = false;
            }
        });
    };

这是我在 IE8 和 IE9 中得到的错误：

[IE8 and IE9 Error][1]

在 Firefox 中我看不到错误，但单击导出按钮后没有任何反应。

提前感谢可以帮助我解决此问题的人。 :)

Answer 1

你可以试试这样的：

var file = new Blob([response.data], { type: 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet' });

if(window.navigator.userAgent.indexOf("MSIE ") > 0 || window.navigator.userAgent.indexOf("Trident/ ") > 0 || window.navigator.userAgent.indexOf("Edge/") > 0)
{
   window.navigator.msSaveOrOpenBlob(file);
}