axios使用FormData上传图片至接口
时间: 2024-01-19 09:43:48 浏览: 72
node 文件上传接口的转发的实现
以下是使用axios上传图片至接口的示例代码:
```javascript
// 创建一个FormData对象
const formData = new FormData();
// 添加要上传的图片
formData.append('image', file);
// 发送POST请求
axios.post('/uploadImage', formData, {
headers: {
'Content-Type': 'multipart/form-data'
}
})
.then(response => {
console.log(response);
})
.catch(error => {
console.log(error);
});
```
其中,`file`是一个File对象,代表要上传的图片文件。`Content-Type`需要设置为`multipart/form-data`,以便服务器能够正确解析FormData数据。在服务器端,可以通过`req.files`来获取上传的文件。
阅读全文