在angular中以图像形式查看blob响应

npm install @angular/common@latest @angular/compiler@latest @angular/core@latest @angular/forms@latest @angular/platform-browser@latest @angular/platform-browser-dynamic@latest @angular/router@latest @angular/animations@latest --save

import { HttpClient } from '@angular/common/http';

constructor(private http: HttpClient) { }

getImageFromBlob() {
  const url = 'YOUR_API_ENDPOINT'; // 替换为实际的API端点

  this.http.get(url, { responseType: 'blob' }).subscribe((blob: Blob) => {
    const reader = new FileReader();
    reader.onloadend = () => {
      const imageDataUrl = reader.result as string;
      // 在HTML中显示图像
      this.imageSrc = imageDataUrl;
    };
    reader.readAsDataURL(blob);
  });
}

<img [src]="imageSrc" alt="Image">