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

send an Image file in the body of a http post request in Angular 8

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

firebaseId: "gSECLs1cH9epvlIXX85yx820Tvt2" 说明:未定义 类别:"votes" Imageone:文件 {name:“21.jpg”,lastModified:1524755773798,lastModifiedDate:2018 年 4 月 26 日星期四 20:46:13 GMT+0530(印度标准时间),webkitRelativePath:“”,大小:171456,...} TaskMadeDate:2020 年 2 月 3 日星期一 11:10:29 GMT+0530(印度标准时间){} 批准:错误

这是 post 请求

附带的对象

firebaseId: "gSECLs1cH9epvlIXX85yx820Tvt2" 类别:"votes" 图片一:{} 任务制造日期:“2020-02-03T05:40:29.943Z” 批准:错误

Imageone变空了。

这是我的post方法

returnthis.http.post(this._baseUrl+url,数据) 。管道( 点击((res)=> console.log(added = ${res})), catchError(this.handleError('post')) );

您在常规请求中发送文件,而不是像这样使用表单数据传递文件:

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

像这样添加所有数据,如果您仍然没有在后端获取文件,请将其添加到您的请求中 headers。

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