在角度5中的post API中上载表单数据，但它像这样[body FormData]] >> [

Question

这是我按下API时的TS文件代码和屏幕截图，我正在上传多个图像，并希望将这些图像作为数组发送API出现400 http错误，因为我的后端需要表单数据

decentralizationFormSubmit(value){
console.log('value',value);
let headingarr=[];
headingarr.push(value.widget_main_heading1);
headingarr.push(value.widget_main_heading2);
headingarr.push(value.widget_main_heading3);
let widgetContentarr=[];
widgetContentarr.push(value.widget_content1);
widgetContentarr.push(value.widget_content2);
widgetContentarr.push(value.widget_content3);
let imageArr=[]
imageArr.push(this.file1)
imageArr.push(this.file2)
imageArr.push(this.file3)
console.log('imageArr',imageArr);

var formData = new FormData();
for (var i = 0; i < imageArr.length; i++) { 
  formData.append("multipartFiles",imageArr[i],imageArr[i].name);
}
var formData1=new FormData();
let obj={
  mainHeading:value.main_head,
  subHeading:value.sub_head,
  imageMainHeading:headingarr,
  imageContent:widgetContentarr,
  multipartFiles:JSON.stringify(formData)
}
for(let key in obj){
  formData1.append(key,obj[key])
}
console.log('FormaDAta',JSON.stringify(formData1));
this.heroService.decentralizationSubmission(formData1).subscribe((res:any)=>{
  console.log('res',res);
})

}

这是我点击API时的TS文件代码和屏幕截图，我正在上传多张图像，并希望将这些图像作为数组API发送，因为后端需要表单数据，因此出现400 http错误...

Answer 1

我认为您应该将字符串化附加到formData1上，而不是创建FormData并对其进行迭代以使其起作用：