javascript - 在 Angular 中从服务器下载文本/csv 内容作为文件在 Mozilla FireFox 中不起作用

Question

Download text/csv content as files from server in Angular

回答者 - https://stackoverflow.com/users/2064206/dcodesmith

$http({method: 'GET', url: '/someUrl'}).
  success(function(data, status, headers, config) {
     var anchor = angular.element('<a/>');
     anchor.attr({
         href: 'data:attachment/csv;charset=utf-8,' + encodeURI(data),
         target: '_blank',
         download: 'filename.csv'
     })[0].click();

  }).
  error(function(data, status, headers, config) {
    // if there's an error you should see it here
  });

我实现了这个解决方案，用于使用 Angular 从服务器下载文件到客户端。这非常在谷歌浏览器中运行良好。但此解决方案不适用于 Mozilla Firefox。

谢谢

Answer 1

您必须首先将您创建的 anchor 附加到您的文档。添加以下内容:

var anchor = angular.element('<a/>');
anchor.css({display: 'none'}); // Make sure it's not visible
angular.element(document.body).append(anchor); // Attach to document

anchor.attr({
    href: 'data:attachment/csv;charset=utf-8,' + encodeURI(data),
    target: '_blank',
    download: 'filename.csv'
})[0].click();

anchor.remove(); // Clean it up afterwards

Fiddle