javascript - 从 API Angular 获取图像

Question

我正在尝试从 API 获取 Logo 图像(任何类型的图像，例如:jpeg、png、gif)，我可以在“网络”选项卡中看到图像，但控制台会抛出错误，如附图所示。有什么建议么？我正在使用 htppclient.get 和 .toPromise() 以及 Angular 最新版本。

编辑:我也设置了这个标题

    const headers = new HttpHeaders().set('Content-Type', 'application/json');
    return this.getHeaders().append('responseType', 'text');

Answer 1

你应该像这样返回你的http代码。 Blob 是您在处理图像文件时要处理的类型

getImage(imageUrl: string): Observable<Blob> {
  return this.httpClient.get(imageUrl, { responseType: 'blob' });
}

您可以查看此博客post了解更多详情