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

Question

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

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')) );

Answer 1

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

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

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

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

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

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

post

file-upload

file

image-upload

angular