'JS How can i make FormData with Image in object?

I have a Object kinda like :

{
  Description:"Some Description",
  MainImage:File  //Image File,
  Name:"Test Name",
  Details:[ 
            {Description:"Detail Description 1",Image:File //Image File Again  },
            {Description:"Detail Description 2",Image:File //Image File Again  }, 
        ] 
}

I can put single image files to formdata like

FormData.append("MainImage",obj.MainImage)

But for objects how can i make formdata for images? when i make FormData.append("Details[]",obj.Details[0]) it doesnt work. What should i do for make it formData element ? Thanks for responses!

Solution 1:^[1]

You can do it like this

let obj = {
  Description:"Some Description",
  MainImage:File  //Image File,
  Name:"Test Name",
  Details:[ 
            {Description:"Detail Description 1",Image:File},
            {Description:"Detail Description 2",Image:File}, 
          ] 
}
FormData.append("MainImage", JSON.stringify(obj))

Sources

This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.

Source: Stack Overflow

Solution	Source
Solution 1	Mohammad Shahzaib

'JS How can i make FormData with Image in object?

Solution 1:[1]

Sources

Related Questions

Solution 1:^[1]