JS 如何在对象中使用 Image 制作 FormData？答案

【问题标题】：JS How can i make FormData with Image in object?JS 如何在对象中使用 Image 制作 FormData？
【发布时间】：2022-01-04 11:11:08
【问题描述】：

我有一个对象有点像：

{
  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  }, 
        ] 
}

我可以将单个图像文件放入 formdata 之类的

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

但是对于对象，我如何为图像制作表单数据？当我制作FormData.append("Details[]",obj.Details[0]) 时它不起作用。我应该怎么做才能使它成为 formData 元素？感谢您的回复！

【问题讨论】：

obj.Details[0] 是一个普通对象。不是图像文件。如果你想要图片文件在里面，那么你必须使用属性名！！
@Quentin 这就是我实际遇到的问题。我想要对象中的文件。但我不知道我该怎么做，你能给我一个简单的例子吗？
imgur.com/a/MSgnbZN
@Quentin 我知道它的属性名称。我的意思是我想发送一个带有文件的对象。我想在 1 个对象中一起发送描述和图像。我怎么能附加它就是我的意思。

标签： javascript node.js reactjs react-native

【解决方案1】：

你可以这样做

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

【讨论】：