前端文件上传进度

PC(Axios)

const formData = new FormData();
formData.append('file', file);

axios.post('/upload', formData, {
  onUploadProgress: progressEvent => {
    const percentCompleted = Math.round(
      (progressEvent.loaded * 100) / progressEvent.total
    );
    console.log(percentCompleted + '% uploaded');
  },
})
  .then(response => {
    // 处理上传成功的响应
  })
  .catch(error => {
    // 处理上传失败的错误
  });

H5/微信小程序

uni.uploadFile({
  url: '/upload',
  filePath: tempFilePath,
  name: 'file',
  success: res => {
    // 处理上传成功的响应
  },
  fail: err => {
    // 处理上传失败的错误
  },
  complete: () => {
    // 上传完成后的回调
  },
  formData: {
    // 可以添加其他表单数据
  },
  onProgressUpdate: res => {
    console.log('上传进度：' + res.progress);
  },
});