отправить файл изображения в теле запроса http post в Angular 8

Question

Это объект, который я пытаюсь добавить в тело

firebaseId: "gSECLs1cH9epvlIXX85yx820Tvt2" Инструкции: неопределенная категория: "голоса" Imageone: Файл {name: "21.jpg", lastModified: 1524755773798, lastModifiedDate : Четверг 26 апреля 2018 20:46:13 GMT + 0530 (стандартное время Индии), webkitRelativePath: "", размер: 171456,…} TaskMadeDate: пн 03 февраля 2020 11:10:29 GMT + 0530 (стандартное время Индии) { } Approved: false

Это объект, который отправляется с пост-запросом

firebaseId: "gSECLs1cH9epvlIXX85yx820Tvt2" категория: "голоса" Imageone: {} TaskMadeDate: "2020-02-03T05: 40: 29.943Z "Одобрено: false

Imageone становится пустым.

Это мой метод сообщения

return this.http.post (this._baseUrl + url, data) .pipe (tap ((res) => console.log (added = ${res})), catchError (this.handleError ('post')));

Answer 1

Вы отправляете файл в обычном запросе вместо того, чтобы использовать данные формы для передачи файла следующим образом:

var formData = new FormData()
formData.append('firebaseId',this.firebaseId);
formData.append('imageone',this.imageone);

добавьте все свои данные вот так, и если вы все еще не получаете файл в своем бэкэнде, добавьте это в вашем запросе заголовки.

'Content-Type': 'application/x-www-form-urlencoded'