Как мне загрузить файл вместе с другими данными?

Question

[Vadim Kravchik]

У меня есть форма, где выбирается фото код ниже:

<button mat-button type="button" (click)="imgFileInput.click()">Add a photo</button>
      <input hidden formControlName="img" #imgFileInput type="file" name="img" (change)="onFileChanged($event)" [value]="selectedFile"/>

и есть обработчик формы:

postForm: FormGroup;

constructor(private fb: FormBuilder) {
this.postForm = fb.group({
      'title': [null, Validators.required],
      'content': [null, Validators.compose([Validators.required, Validators.minLength(30)])],
      'category': [null, Validators.required],
      'img': ''
    });
}

onFormSubmit() {
    this._post.savePost(this.postForm);
  }

И на сервере функция:

router.post('/', upload.single('img'), async (req, res) => {
    console.log(req.file);
    console.log(req.body);
}

Так вот, req.body окей отображает, а вот req.file отображает undefiend, почему так может быть? может я не правильно загружаю файл?

Answer 1

[Владимир]

Вот тут его грузят через FileReader
https://medium.com/@amcdnl/file-uploads-with-angul...

Answer 2

[d'Ivan]

В HTML в теге form нужно выставить атрибут enctype="multipart/form-data"