Question

我知道这是一个愚蠢的问题，但有人可以告诉我如何提示用户下载响应中后端发送的文件？

Answer 1

您有两种可能性：

如果后端通过单击链接将文件直接发送到浏览器，则后端应在标头中使用内容类型application / octet-stream。这会导致浏览器询问用户如何保存/打开文件。

如果您通过Angular代码（Http Module）从后端加载文件，那么您可以使用filesaver.js或类似的库。然后你可以完全控制并自己提示用户。

npm install file-saver --save

......和打字：

npm install @types/file-saver --save-dev

服务中的代码：

public getFile(path: string):Observable<Blob>{
  let options = new RequestOptions({responseType: ResponseContentType.Blob});

  return this.http.get(path, options)
      .map((response: Response) => <Blob>response.blob())              
      .catch(this.handleError);
}

要使用FileSaver.js，请将以下导入内容放入您的组件：

import * as FileSaver from 'file-saver';

要触发下载，请使用：

this.api.getFile("file.pdf")
.subscribe(fileData => FileSaver.saveAs(fileData, "file.pdf"));

下载响应angular2发送的文件

1 个答案: