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

Question

我不知道，但我无法从 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

提前谢谢你！！

Answer 1

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

[attr.src]="imageEcho"

导致额外的 http 请求发生。