javascript - 如何在javascript中使用axios发送文件和正文？

Question

如何通过 axios 中的 post 发送文件和 json(正文)参数我有这个结构，但无法发送，我有以下代码，虽然我设法获取文件，但无法发送，我还在其他答案中看到我在正文中发送了每个参数的附加部分，但我需要发送一个数组和整数

            const data = new FormData();
            data.append("imagen", this.file);
            axios.post("https://url/register",
            {
                "typeEvent":[1,2],
                "campus":[1,2],
                "user_id":1,
                "survey_id":1,
                "evn_name":"prueba desde vue",
                "evn_description":"prueba descriocion",
                "evn_miles":300,
                "evn_start_day":"2021-02-05",
                "evn_end_day":"2021-02-05",
                "evn_cost":0,
                "evn_state":1
            },
            data, 
            {
                headers: {
                'Content-Type': 'multipart/form-data'
                }
            }
            ).then((result) => {
                console.log(result);
            }).catch((err) => {
                console.log(err);
            });

Answer 1

您想要迭代该对象并将每个条目附加到 FormData 对象。

然后只需执行 axios.post(url, data, {head....

const obj = {
  "typeEvent": [1, 2],
  "campus": [1, 2],
  "user_id": 1,
  "survey_id": 1,
   // ....
  "evn_state": 1
}
const data = new FormData();
data.append("imagen", this.file);

Object.entries(obj).forEach(([k, v]) => {
  if (Array.isArray(v)) {
    // used stringify but might also just use join() for comma separated string
    v = JSON.stringify(v);
  }
  data.append(k, v);
});