在 Angular 8 中的 http post 请求的正文中发送图像文件

Question

这是我尝试添加到正文中的对象

firebaseId：“gSECLs1cH9epvlIXX85yx820Tvt2”说明：未定义类别：“投票” Imageone：文件{名称：“21.jpg”，lastModified：1524755773798，lastModifiedDate：2018年4月26日星期四：130 2018年4月26日，GMT 2018+0000标准时间：21.jpg : "", size: 171456, ...} TaskMadeDate: Mon Feb 03 2020 11:10:29 GMT+0530 (India Standard Time) {} Approved: false

这是与 post 请求相关的对象

firebaseId: "gSECLs1cH9epvlIXX85yx820Tvt2" category: "votes" Imageone: {} TaskMadeDate: "2020-02-03T05:40:29.943Z" Approved: false

Imageone 变为空。

这是我的post方法

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'