axios的ge请求t怎么获取上传图片进度
时间: 2024-05-14 11:12:49 浏览: 87
使用axios实现上传图片进度条功能
你可以在axios的get请求中使用onDownloadProgress函数来获取文件下载的进度,但是由于图片上传需要使用post请求,所以你需要使用onUploadProgress函数来获取图片上传的进度。具体操作可以参考以下代码:
```
const config = {
onUploadProgress: function(progressEvent) {
const percentCompleted = Math.round((progressEvent.loaded * 100) / progressEvent.total);
console.log(percentCompleted);
}
};
axios.post('/api/upload', formData, config)
.then(res => {
console.log(res.data);
})
.catch(err => {
console.log(err);
});
```
在上面的代码中,我们在post请求的配置项中使用了onUploadProgress函数来获取图片上传的进度,然后在控制台输出上传进度的百分比。
阅读全文