Как правильно отправить файл вместе с формой (FormGroup)?

Question

[Ivan Stroykin]

Доброго времени суток,

Как правильно отправлять файлы вместе с формой?
Есть FormGroup

public form: FormGroup;
...
ngOnInit() {
  this.form = this.fb.group({
    ...
    file: [],
  });
}

В форме есть компонент, который имплементирует ControlValueAccessor
<file fromControlName="file"></file>.

Компонент выглядит так

...
template: `
...
<input type="file" [(ngModel)]="value" (change)="fileChange($event)" (blur)="onBlur()">Выбрать
...
`
...
public fileChange(event) {
  let fileList: FileList = event.target.files;
  if (fileList.length > 0) {
    let file: File = fileList[0];
  }
}

И вот дальше, я не могу просто взять и присвоить this.value = file.

Как правильно подойти к этому вопросу?

Answer 1

[Ivan Stroykin]

Что называется "Ответ на поверхности" и "все гениальное просто". Нужно просто сделать так:

public onSubmit(value: any) {
  let params = new FormData();
  params.append('file', value.file);
  // +другие необходимые параметры
  this.testService.testRequest(params).subscribe(res => ...);
}