Javascript 如何在Vue js中将formData对象作为键值对发送？

我正试图上传一个带有vue和laravel的后端图像。在我遇到问题之前，一切都很顺利。当我进行axios调用时，图像被发送，仅将formData作为参数发送

 let formData = new FormData();
 formData.append("image", this.image);
 axios.post('url',formData)

但根据axios请求，我想发送一个对象，而不仅仅是formData，类似这样的内容：

const myObj={ name:'hello','shop_id':2, image:formData }
axios.post('url',myObj)

---

但这不起作用。有什么方法可以解决这个问题吗？

将

名称

和

店铺id

值添加到

表单数据

对象中。在本例中，

FormData

是您可以发送所有数据的容器

let formData = new FormData();
formData.append('image', this.image);
formData.append('name', 'hello');
formData.append('shop_id', 2);
axios.post('url',formData)

如果您的数据变得更加复杂，并且需要发送一个包含大量数据的大对象，那么您可以在其中一个键中将该对象作为JSON值发送

const complexObject = {
  ...loads of data here
};

formData.append('complexObject', JSON.stringify(complexObject))

---

将JSON解析回服务器端的可用代码，以使用复杂对象中的数据。

谢谢。我觉得自己太傻了，没想到这一点。你是一个救生员：）我添加了一个例子，说明如何做到这一点。