Angular 6-单个表单组中的多个文件输入

import { Component } from '@angular/core';
import { HttpClient } from '@angular/common/http';
import { FormGroup, FormControl } from '@angular/forms';

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

  constructor(private http: HttpClient) {
    this.fileForm = new FormGroup({
      files: new FormControl()
    });
  }

  onSubmit() {
    const formData = new FormData();
    const files = this.fileForm.get('files').value;

    for (let i = 0; i < files.length; i++) {
      formData.append('files', files[i]);
    }

    this.http.post('http://example.com/upload', formData).subscribe(
      (response) => {
        console.log('Files uploaded successfully');
      },
      (error) => {
        console.error('Error uploading files');
      }
    );
  }
}