Axios多个异步上载的所有进度条

// 导入Axios模块
import axios from 'axios';

// 上传文件的URL地址列表
const uploadUrls = ['http://example.com/upload1', 'http://example.com/upload2'];

// 创建一个进度条列表，与上传文件的URL地址一一对应
const progressBars = [];

// 发送多个异步上传请求
uploadUrls.forEach((url, index) => {
  // 创建FormData对象，用于包装要上传的文件
  const formData = new FormData();
  formData.append('file', file); // 假设file为要上传的文件对象

  // 发送异步上传请求
  axios.post(url, formData, {
    onUploadProgress: progressEvent => {
      // 计算上传进度
      const progress = Math.round((progressEvent.loaded / progressEvent.total) * 100);
      // 更新对应的进度条
      updateProgressBar(progressBars[index], progress);
    }
  });
});

// 更新进度条的函数
function updateProgressBar(progressBar, progress) {
  // 更新进度条的样式或数值
  // ...
}