Загрузка данных формы в post API в angular 5, но это дает тело вроде этого [объект FormData] - PullRequest
Новая
       10

Загрузка данных формы в post API в angular 5, но это дает тело вроде этого [объект FormData]

0 голосов
/ 12 апреля 2020

это мой код файла TS и снимок экрана, когда я нажимаю API, я загружаю несколько изображений и хочу отправить эти изображения, так как API выдает ошибку 400 http, поскольку моему внутреннему интерфейсу требуются данные формы enter image description here 

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

}

...