javascript - 有没有办法使用 Angular 文件保护程序下载任何类型的文件？

Question

我正在为我的应用程序使用 node.js 和 angular.js，并尝试使用 Blob 和 fileSaver.js 通过浏览器下载文件。

我在应用程序的其他部分中使用了这些来下载文本文件和 pdf 文件，在创建 Blob 对象时指定了正确的类型，没有任何问题，但在当前部分中我需要支持任何类型的文件，但我不这样做不知道可不可以。

例如，我尝试下载带有或不带有 type:image/png 的图像文件，结果是图像损坏 - 在文本编辑器中检查它并将其与原始文件进行比较显示许多字节已更改。

以下是我使用的代码片段:

服务器:

fs.readFile(/* snipped file path */, function(err, data){
    if(err){
        /* handle error */
    }
    else{
        res.send(data);
    }
});

客户:

$http.get(/* endPoint URL */)
    .success(function(result){
        var data = new Blob([result], {type: 'image/png'});
        FileSaver.saveAs(data, filename);
    });

几个问题:

1. 我需要指定 Blob 的类型吗？如果是这样，我是否也需要在服务器上指定它(确定它很痛苦)？我不能在两端都跳过它吗？
2. 什么原因导致图像测试导致文件损坏？我是否缺少一些 content-type header 或其他内容？

Answer 1

尝试将 {contentType: 'arraybuffer'} 添加到您的 GET 请求中并从 Blob 定义中删除类型，如下所示:

$http.get(/* endPoint URL */, {contentType: 'arraybuffer'})
  .success(function(result){
      var data = new Blob([result]);
      FileSaver.saveAs(data, filename);
  });

(编辑:从 Blob 中删除了多余的类型定义)