Angular 2 - FormArray + File Input + Native Element

Question

Я работаю над Реактивной формой в Angular 2, но я застреваю.

В моем FormArray есть поле для загрузки файла, я использую @ViewChild для получения файла и forEach, чтобы перебрать FormArray, данные работают нормально, а ввод файла - нет.Я загружаю один и тот же файл дважды.

Кто-нибудь может мне помочь с этим?

Большое вам спасибо!

add.component.ts

@ViewChild('pictureInput') pictureInput: any;

bArray.forEach((element) => {
   // Picture Upload
   // Create an ID for the picture to be uploaded.
   const picUpId = this.createID();
   // Connects to the UPLOAD service to store the file
                        this.uploadService.uploadFile(this.pictureInput.nativeElement.files[0], picUpId, 'uploads/' + id + '/').then(
     (picData) => {
          // Extract the DownloadURL from the object.
          picData.ref.getDownloadURL().then(
               (picDownURL) => {
                    const bPicture = new ImageModel(picDownURL, id);
               }
          );

      }
);

add.component.html

<input type="file" formControlName="bPicture" #pictureInput>