使用Web API核心和Angular 7返回图像并在UI中显示

[HttpGet]
public IActionResult GetImage()
{
    byte[] imageData = GetImageData(); // 从数据库或其他方式获取图像的二进制数据
    return new FileContentResult(imageData, "image/jpeg"); // 返回图像的二进制数据
}

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

@Component({
  selector: 'app-image',
  templateUrl: './image.component.html',
  styleUrls: ['./image.component.css']
})
export class ImageComponent {
  public imageUrl: string;

  constructor(private http: HttpClient) { }

  public loadImage(): void {
    this.http.get('https://api.example.com/image', { responseType: 'blob' })
      .subscribe((imageData: Blob) => {
        const reader = new FileReader();
        reader.onloadend = () => {
          this.imageUrl = reader.result as string;
        };
        reader.readAsDataURL(imageData);
      });
  }
}

<button (click)="loadImage()">Load Image</button>
<img *ngIf="imageUrl" [src]="imageUrl" alt="Image">