通过angular下载文件

Question

我试图使简单的文件服务器。我有Node.js后端与MongoDB GridFS存储存储文件。我从服务器获取文件通过gridfs-stream。在前端，我使用Angular。我有两个主要问题：

1. 当我使用Blob提供下载服务时，filename变成：“d1c393df-b0d9-4ae5-befe-8d45b183eb54…”友善的我读了很多关于它的文档，没有找到任何解决方案
2. 当我只通过Express提供下载服务而不进行身份验证时，文件会正确加载。但我通过Angular发送身份验证信息，如果没有它们，应用程序将抛出错误。我可以在没有身份验证的情况下指定路由，但这会使我的应用程序不安全

我希望你能帮助我：

1. 找到另一种方法下载任何格式的文件

我的Angular Service通过构造Blob获取文件：

getFilesFactory.download = function(filename){
  $http.get('/api/files/' + filename, {responseType:'arraybuffer'})
  .then(function(data){
    var stringCT = data.headers('Content-Type').toString();
    console.log(stringCT);
    var contentType = stringCT.substring(1, stringCT.length - 1);
    console.log(contentType);

      switch (contentType) {
        case "image/jpeg":
          file = new Blob([data.data], {type: 'image/jpeg'});
          fileURL = URL.createObjectURL(file);
          $window.open(fileURL);
        break;
        case "application/pdf":
          file = new Blob([data.data], {type: 'application/pdf'});
          fileURL = URL.createObjectURL(file);
          $window.open(fileURL);
        break;
        case "application/msword":
          file = new Blob([data.data], {type: 'application/msword'});
          fileURL = URL.createObjectURL(file);
          $window.open(fileURL);
        break;
        case "application/octet-stream":
          file = new Blob([data.data], {type: 'application/octet-stream'});
          fileURL = URL.createObjectURL(file);
          $window.open(fileURL);
        break;
        default: console.log("no contentType match");
      }
  });
};

Answer 1

您不需要使用ajax来下载文件并在$window中打开它。打开（fileURL） 。您只需使用“/api/files/”文件名打开新窗口，浏览器就会开始下载内容。您可以在服务器端控制内容类型和文件名。您可以看一看示例：Nodejs响应发送文件