Angular 4 HttpModule 如何从 Get 请求返回文件

Question

我有一个 REST API，如果我直接在浏览器中查询，它会返回一个 JSON 或 CSV 文件供下载。我想对 Angular HttpModule 做同样的事情。

我的 get 请求很简单(它有一个查询字符串参数来指示要返回的文件格式):

public Submit(request: Request) {
  ...
  return this.http.get(url).subscribe(response => {
    //What here
  });
}

响应内容类型是application/octet-stream。我试过将响应作为一个 blob 处理，但这是行不通的。我怎样才能将服务器的响应传递给浏览器并让它下载文件？此方法是响应按钮单击的组件调用的服务的一部分

onClick() {
    this._requestService.Submit(request); //This gets the Subscription response from the service, but I want it to let the broswer download the file
}

Answer 1

你必须添加

{ responseType: ResponseContentType.Blob }

然后将响应映射到 blob。

return this.http.get(url, { responseType: ResponseContentType.Blob })
    .map(r => r.blob())
    .subscribe(response => {

    });

接下来，您可以使用 fileSaver.js 下载此文件。