在MutipartFormData(FormData)内部发送JSON对象

时间:2019-09-08 06:34:04

标签: json angular multipartform-data

我在组件中有Formdata实例,我用它来附加我的反应性表单数据。问题是我有一个包含此字段{img:File,isCover:boolean}的对象,我想将此字段附加到我的表单数据中。

问题是,如果我对此对象进行字符串化处理,那么当我对其进行深入研究时,图像字段会抛出空对象{img:{},isCover:true}。然后看看我们是否用方法对对象进行字符串化,它将返回一个空对象

我该如何克服。我想在单个多部分数据请求中发送所有这些数据。

1 个答案:

答案 0 :(得分:0)

要实现所需的功能,需要将JSON对象的每个值附加到formdata。

首先在您的课程中初始化一个变量。

formData = new FormData()

然后在函数中附加每个json对象。

this.formData.appen("yourKey", JSON.Object.Value)

这有点乏味……您可以根据自己的后端,将JSON中的所有纯文本对象嵌套到一个长字符串中,并将其附加到FormData上,然后调用键“ JSON”。然后使用“ Image”键将图像附加到FormData。

之后,您可以在API后端中仅获取带有JSON密钥的JSON格式化对象,并通过带有关键字“ Image”的图像对其进行其他操作。