Angular文件上传在所有div中上传，同时在*ngFor中使用它

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

@Injectable()
export class FileUploadService {
  constructor(private http: HttpClient) {}

  uploadFile(file: File): Observable<any> {
    const formData = new FormData();
    formData.append('file', file);

    return this.http.post('/api/upload', formData);
  }
}

@Component({
  selector: 'app-file-upload',
  templateUrl: './file-upload.component.html',
  styleUrls: ['./file-upload.component.css']
})
export class FileUploadComponent {
  selectedFiles: FileList;

  constructor(private fileUploadService: FileUploadService) {}

  onFileChange(event) {
    this.selectedFiles = event.target.files;
  }

  upload() {
    const file = this.selectedFiles.item(0);
    this.fileUploadService.uploadFile(file).subscribe(
      response => {
        console.log('File uploaded successfully');
      },
      error => {
        console.error('Error uploading file');
      }
    );
  }
}

<div *ngFor="let div of divs">
  <input type="file" (change)="onFileChange($event)">
  <button (click)="upload()">Upload</button>
</div>