我正在 Spring Boot 和 mysql 中制作一個帶有后端的 Web 應用程序。我有一個帶有 Lob 屬性的模型，它以 base64 格式存儲圖像（來自前端）。現在我想帶上那個模型并將它的數據放在一張墊卡上。我得到了其他屬性，但不是圖像。這是我的 TSimport { ToyService } from 'src/app/services/toy-service';import { Toy } from 'src/app/services/models/toy';import { Router } from '@angular/router';@Component({  selector: 'app-toys',  templateUrl: './toys.component.html',  styleUrls: ['./toys.component.css']})export class ToysComponent implements OnInit {  toy = new Toy()  toys = [];  toysImages = [];  imageUrl: string;  image;  constructor(private toyService: ToyService, private router: Router) { }  ngOnInit() {    this.loadToys();  }  public loadToys() {    this.toyService.readPolicies().subscribe((toys: Toy[]) => {      this.toys = toys;            this.castingImages(toys)    })  }  //Here, i try to decode de base64 to a image  public castingImages(toys: Toy[]) {        for (let i = 0; i < toys.length; i++) {         this.image = new Image()        this.image.src = toys[i].picture;        toys[i].picture = this.image.src          }  }  redirect() {    this.router.navigate(['./toys']);  }}這里是我的 HTML    <ng-container *ngFor="let card of toys">        <mat-card class="example-card">            <mat-card-header>                <div mat-card-avatar class="example-header-image"></div>                <mat-card-title>{{card.id}}</mat-card-title>                <mat-card-subtitle>Dog Breed</mat-card-subtitle>            </mat-card-header>            <!-- And i want to do something like... -->            <img mat-card-image                src={{card.picture}}>            <mat-card-content>                <p>                    {{card.name}}                </p>            </mat-card-content>            <mat-card-actions>                <button mat-button>LIKE</button>                <button mat-button>SHARE</button>            </mat-card-actions>        </mat-card>    </ng-container></div><mat-divider></mat-divider>```Thank you so much.