axios使用multipart/form-data; boundary=----WebKitFormBoundaryJVYZVqfLJtgwHzk4什么意思提交
时间: 2023-07-20 13:17:21 浏览: 156
使用axios请求时,发送formData请求的示例
5星 · 资源好评率100%
在使用 axios 发送 POST 请求时,可以通过设置 `Content-Type` 请求头为 `multipart/form-data` 来发送带有文件或二进制数据的表单数据。当设置为 `multipart/form-data` 时,axios 会自动将请求数据转换为 `multipart/form-data` 格式,同时也会自动设置请求头 `Content-Type` 为 `multipart/form-data`。
在 axios 中,通过 `FormData` 对象来构建 `multipart/form-data` 格式的请求数据。`FormData` 对象提供了 `append` 方法,可以向请求数据中添加文件或二进制数据。
以下是一个使用 axios 发送 `multipart/form-data` 格式请求的示例:
```javascript
import axios from 'axios';
const formData = new FormData();
formData.append('name', 'John');
formData.append('age', 30);
formData.append('avatar', file); // file 为 File 类型的文件对象
axios.post('/api/user', formData, {
headers: {
'Content-Type': 'multipart/form-data'
}
}).then(response => {
console.log(response);
}).catch(error => {
console.log(error);
});
```
在上面的示例中,使用 `FormData` 对象构建了一个包含文本数据和文件数据的请求数据,然后通过 `axios.post` 方法发送 POST 请求,并设置请求头 `Content-Type` 为 `multipart/form-data`。注意,在设置请求头时,不需要手动添加分隔符,axios 会自动添加。
阅读全文