在 Angular 中获取 http://localhost:4200/[object%20Blob] 404（未找到）

Posted 2023-02-26

【中文标题】在 Angular 中获取 http://localhost:4200/[object%20Blob] 404（未找到）

【英文标题】：GET http://localhost:4200/[object%20Blob] 404 (Not Found) in Angular

【发布时间】：2021-01-09 00:48:11

【问题描述】：

我不知道，但我无法从 Rest API 恢复图像；请帮帮我！

private baseUrl:string="http://localhost:8080/";

服务：

public downloadeImageEcho1( id:number): Observable<any>
  
  return this.http.get(this.baseUrl+"/downloadFile/"+id,  responseType: 'blob');

component.ts:

getImage(id:number)
  this.serviceDossier.downloadeImageEcho1(id)
  .subscribe((data :any)=>
    this.imageEcho=data;
    console.log(this.imageEcho); 
  )

html:

<div *ngIf = imageEcho>
            <img [attr.src]="imageEcho">
            
          </div>

错误：enter image description here

提前谢谢你！！

【参考方案1】：

最好将图片src设置为图片的URL，而不是通过HTTP客户端获取图片。

[attr.src]="imageEcho"

导致额外的 http 请求发生。

【讨论】：

谢谢...我不明白....请解释一下！

根据您的显示，您需要执行以下操作：