Axios，正确的方式，使一个post请求的数据，包括文件和数组对象

Question

最近，我在前端React项目中使用Axios。一切都很好，直到我必须在服务器中发布以下类型的请求？

{
     "name": string,
     "image": <FILE>,
     "item_ids": [1, 2, 3],
}

<Form onSubmit='<function_that_handles_posting>'>
    <Form.Group controlId="name">
        <Form.Control type="text" />
    </Form.Group>
    <Form.Group controlId="image">
        <Form.File />
    </Form.Group>
    <Form.Group controlId="list-input">
        // while posting the record, the data from here (comma separated data) is populated to an Array of
        <Form.Control type="text" />
    </Form.Group>
</Form>

form_data = new FormData()
form_data.append('name', <value_for_name>)
form_data.append('image', <value_for_file>, <value_for_filename>)
form_data.append('item_ids', [1, 2, 3]) // value is in Array for sure

axios.post('<som_rest_url', form_data, {
           headers: {
                        'Content-Type': `multipart/form-data`
            }
         })
.then(response=> return response, err => return err)

我不能在请求中将我的content_ids作为列表发布。我没有找到任何使用Axios发送图像上传的解决方案，这是我的希望，但当涉及到在请求的关键字中发送对象数组时，它就不起作用了。

是否有任何解决方案在单个请求中使用Axios支持上述请求有效负载。如有任何帮助，我们将不胜感激。谢谢你。

Answer 1

尝试将其转换为JSON字符串，然后将其解析到后端。

var item_ids = JSON.stringify([1, 2, 3]);

也许这里的一些答案可以帮助您：将数组追加到FormData并通过AJAX发送