axios上传form-data

使用axios上传form-data可以通过以下步骤完成：
1. 首先，安装axios。在项目目录下执行`npm install axios`进行安装。
2. 在main.js中引入axios，使用`import axios from 'axios'`进行引入。
3. 创建一个FormData对象，使用`let forms = new FormData()`进行创建。
4. 使用`forms.append(key, value)`方法添加需要上传的表单数据。可以通过获取表单元素的值，然后使用`forms.append('name', document.getElementById('name').value)`的方式将数据添加到FormData对象中。
5. 如果需要上传文件，可以通过获取文件输入框的files属性，然后使用`Array.from(files).forEach(item => { forms.append('file', item) })`的方式将文件添加到FormData对象中。
6. 创建一个options对象，指定请求的方法为POST，设置data为FormData对象，设置url为请求的地址。
7. 最后，通过`axios(options)`发送请求，完成上传。

下面是一个示例代码：

import axios from 'axios'
let forms = new FormData()
forms.append('name', document.getElementById('name').value)
forms.append('age', document.getElementById('age').value)
let files = document.getElementById('file').files
Array.from(files).forEach(item => {
  forms.append('file', item)
})
const options = {
  method: 'POST',
  data: forms,
  url,
};
axios(options);

以上就是使用axios上传form-data的方法。<span class="em">1</span><span class="em">2</span><span class="em">3</span>
#### 引用[.reference_title]
- *1* [Vue 设置axios请求格式为form-data的操作步骤](https://download.csdn.net/download/weixin_38610870/13671122)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"]
- *2* *3* [axios 表单（formData）方式提交请求，以及文件上传方式](https://blog.csdn.net/rudy_zhou/article/details/113252392)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"]
[ .reference_list ]