javascript - 从 API Angular 获取图像

Question

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

编辑：我也有这个标题集

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

标签： javascriptangulartypescriptrxjssingle-page-application

Answer 1

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

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

您可以查看此博客文章以获取更多详细信息