axios 上传文件

// 引入 axios
import axios from 'axios';

// 获取文件输入元素
const fileInput = document.querySelector('#file-input');

// 监听文件选择事件
fileInput.addEventListener('change', (event) => {
  const file = event.target.files[0];
  if (file) {
    // 创建 FormData 对象
    const formData = new FormData();
    formData.append('file', file);

    // 发送 POST 请求上传文件
    axios.post('/upload', formData, {
      headers: {
        'Content-Type': 'multipart/form-data'
      }
    })
    .then(response => {
      console.log('文件上传成功:', response.data);
    })
    .catch(error => {
      console.error('文件上传失败:', error);
    });
  }
});

axios.post('/upload', formData, {
  onUploadProgress: progressEvent => {
    const percentCompleted = Math.round((progressEvent.loaded * 100) / progressEvent.total);
    console.log(`上传进度: ${percentCompleted}%`);
  },
  headers: {
    'Content-Type': 'multipart/form-data'
  }
});