解析图像期间的 Angular 5 HTTP 失败

【问题标题】：Angular 5 HTTP failure during parsing for image解析图像期间的 Angular 5 HTTP 失败
【发布时间】：2021-01-21 04:17:08
【问题描述】：

我想使用 Angular 的文件名从 Express 服务器获取图像：

我想把文件发回给客户端：

当我记录来自服务器的响应时，我收到以下错误：

我几乎可以肯定我的请求或回复中缺少任何选项，但我不确定是什么。

任何帮助将不胜感激。

【问题讨论】：

【解决方案1】：

HttpClient 对响应应用 'json()' 方法，因此如果您的响应是非 JSON 数据，您将收到此类错误。

虽然它是最常见的，但有时您会处理不同类型的数据。这通过 responseType 属性得到支持。

this.http.get('...', { responseType: 'text' }); //

responseType?: 'arraybuffer' | '斑点' | 'json' | '文本'

【讨论】：

是的，看起来我缺少响应类型。在我添加 { response type: 'blob' } 之后，一切都开始正常工作。现在我收到我的图像作为 Blob 文件。任何想法如何在 HTML 中显示它？