在Angular 6中的for循环中一次上传一个文件

<div *ngFor="let file of files">
  <input type="file" (change)="onFileSelected($event.target.files)">
  <button (click)="uploadFile(file)">上传</button>
</div>

files: File[] = [];

onFileSelected(files: FileList) {
  for (let i = 0; i < files.length; i++) {
    this.files.push(files.item(i));
  }
}

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

  // 使用HttpClient模块发送POST请求上传文件
  this.http.post('上传文件的API地址', formData).subscribe(
    (response) => {
      console.log('文件上传成功');
    },
    (error) => {
      console.error('文件上传失败', error);
    }
  );
}