如何在不将其转换为字符串或JSON的情况下访问Angular 2 HTTP响应正文？

Question

我想将一个REST响应复制到blob中，但我无法做到这一点，因为blob()和arrayBuffer()方法尚未在响应对象中实现，响应体是一个私有变量。

...
return this.http.get(url, {params: params, headers: headers})
     .map(res => {   
        // can't access _body because it is private
        // no method appears to exist to get to the _body without modification             
        new Blob([res._body], {type: res.headers.get('Content-Type')});
     })
     .catch(this.log);
...

有没有一种解决方案可以在这些方法得到实现之前使用？

- sschueller

Answer 1

有一个更简单的方法可以将请求体作为字符串访问，我在任何地方都没有看到过它的文档：

let body = res.text()

- StudioLE

---

哇！这个解决方案居然让npm也能编译我的TS代码！你是在哪里找到的？ - Allen Rufolo

涉及了很多的试错，所以我恐怕无法回忆起来。 - StudioLE

Answer 2

可以作为@StudioLE的补充。您可以使用json()方法将数据返回为JSON格式。

let body = res.json()

- SKL

---

这绝对是应该使用的。在您的“error”响应中，您可以执行error.json()，实际从API返回的数据将在模板中可用。 - KhoPhi

我忘记使用.json()了，哈哈，谢谢你的回答，幸运的是我只是挣扎了几分钟。 - Eric Bishard

Answer 3

由于我在遇到同样的问题时发现了这个问题（而且截至今天，Angular的文档没有更新），您现在可以使用：

let blob = new Blob([response.arrayBuffer()], { type: contentType });

如果您某些原因使用较旧版本的Angular 2，则可以使用以下解决方法:

let blob = new Blob([(<any> response)._body], { type: contentType });

- dmungin

Answer 4

设置requestoptions的responseType。这将使response.blob()方法起作用。

let headers = this.getAuthorizationHeader();
headers.append("Accept", "application/octet-stream");
return this.http
    .get(url, new RequestOptions({ headers: headers, responseType: ResponseContentType.Blob }))
    .map((res: Response): Blob => {
        return res.ok ? res.blob() : undefined;
    });

- Andreas

---

更多关于新功能的信息：http://restlet.com/company/blog/2016/08/29/whats-new-in-the-http-module-of-angular-2/，别忘了使用subscribe来利用结果。 - Jeffrey Nicholson Carré

Answer 5

在下面的PR合并之前，我看不到其他解决方案：

• https://github.com/angular/angular/pull/7260

如果您遇到编译错误，该字段仍可在运行时使用...

- Thierry Templier