axios的ge请求t怎么获取上传图片进度

你可以在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函数来获取图片上传的进度，然后在控制台输出上传进度的百分比。

相关问题

axios怎么获取上传文件进度

可以使用axios的 onUploadProgress 方法来获取上传文件进度。代码示例如下：

axios.post(url, formData, {
  onUploadProgress: function(progressEvent) {
    var percentCompleted = Math.round((progressEvent.loaded * 100) / progressEvent.total);
    console.log(percentCompleted);
  }
})

前端 axios请求上传图片文件

在前端中使用axios发送上传图片的请求需要使用FormData对象来构造请求体，代码示例如下：

// 选择图片文件
const fileInput = document.getElementById('file-input');
const file = fileInput.files[0];

// 构造FormData对象
const formData = new FormData();
formData.append('image', file);

// 发送请求
axios.post('/upload', formData, {
  headers: {
    'Content-Type': 'multipart/form-data'
  }
})
  .then(response => {
    console.log(response);
  })
  .catch(error => {
    console.error(error);
  });

在上述代码中，首先通过`document.getElementById`获取到一个`<input type="file">`元素，然后从中获取用户选择的图片文件。接着使用`FormData`对象来构造请求体，将图片文件添加到其中。最后使用`axios.post`方法发送POST请求，将`FormData`对象作为请求体发送。需要注意的是，由于上传的是二进制数据，因此需要显式地设置`Content-Type`为`multipart/form-data`。