如何在Angular (模板驱动表单)中添加图像以选择选项字段？

<input type="file" (change)="onFileSelected($event)">

selectedFile: File;

onFileSelected(event: any) {
  this.selectedFile = event.target.files[0];
}

onFileSelected(event: any) {
  this.selectedFile = event.target.files[0];

  const formData = new FormData();
  formData.append('file', this.selectedFile);
}

onFileSelected(event: any) {
  this.selectedFile = event.target.files[0];

  const formData = new FormData();
  formData.append('file', this.selectedFile);

  const reader = new FileReader();
  reader.onload = (e: any) => {
    this.imageUrl = e.target.result;
  };
  reader.readAsDataURL(this.selectedFile);
}

<img [src]="imageUrl" alt="Selected Image">