Как я могу сделать несколько файлов загрузки системы с Angular 6, Express и Multer?

Question

Я пытался сделать так: Загрузка нескольких файлов с Angular 2, Express и multer и проблема в том, что я хочу отправить несколько значений одновременно

Я не знаю, как это сделать. Есть лучший выбор, чтобы сделать это?

gallery.component.html

          <form  id="file-catcher">
        <input type="file" id='file-input' name="file" multiple (change)="change($event)">
        <input class="ml-2" type="text" id="name" name='name' value="name">
        <input class="ml-2" type="text" id="detail" name='detail' value="detail">
        <input class="ml-2" type="date" id="date" name='date' value="date">
        <input class="ml-2" type="submit" value="upload" (click)='submit($event)'>
    </form>

gallery.component.ts

 public fileList = [];

  public change(event) {
    var fileInput = <HTMLInputElement>document.getElementById('file-input')
    this.fileList = [];

    console.log(fileInput)
    for (var i = 0; i < fileInput.files.length; i++) {
      this.fileList.push(fileInput.files[i])
      console.log(this.fileList, i)
    }
  }

  public submit (evnt) {
    let name = $('#name').val;
    let  detail = $('#detail').val;
    let date = $('#date').val;
    alert('ok')
    let self = this
    this.fileList.forEach(function (file) {
      self.__appserverservice.uploadGallery(file, name, detail, date)
    })
  }

__ appserverservice => appserver.service.ts

  uploadGallery(file: File, name: String, detail: String, date: Date) : Observable<HttpEvent<any>> {
    let formData = new FormData();
    formData.append('upload', file);

    const req = new HttpRequest('POST', myUrl, formData, );
    return this.http.request(req);
  }

Я отправляю данные почтальоном, и мне нужно собирать базу данных в mongodb следующим образом.