下载响应angular2发送的文件

Question

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

Answer 1

您有两种可能性：

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

2. 如果您通过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"));