function uploadFile(file, url, progressCallback, successCallback, errorCallback) {
  const xhr = new XMLHttpRequest();
  const formData = new FormData();

  // 将文件添加到 FormData 对象
  formData.append('file', file);

  xhr.open('POST', url, true);

  // 监听上传进度
  xhr.upload.addEventListener('progress', function(event) {
    if (event.lengthComputable) {
      const progress = Math.round((event.loaded / event.total) * 100);
      // 调用进度回调函数
      progressCallback(progress);
    }
  });

  xhr.onreadystatechange = function() {
    if (xhr.readyState === XMLHttpRequest.DONE) {
      if (xhr.status === 200) {
        // 上传成功
        // 解析响应数据
        const response = JSON.parse(xhr.responseText);
        // 调用成功回调函数
        successCallback(response);
      } else {
        // 上传失败
        // 创建错误对象
        const error = new Error(`File upload failed with status ${xhr.status}`);
        // 调用错误回调函数
        errorCallback(error);
      }
    }
  };

  // 发送请求
  xhr.send(formData);
}

// 使用示例
const fileInput = document.getElementById('file-input');
const uploadButton = document.getElementById('upload-button');
const progressElement = document.getElementById('progress');
const statusElement = document.getElementById('status');

uploadButton.addEventListener('click', function() {
  const file = fileInput.files[0];
  const url = 'https://api.example.com/upload';
  
  uploadFile(
    file,
    url,
    function(progress) {
      // 更新进度
      progressElement.textContent = `Upload Progress: ${progress}%`;
    },
    function(response) {
      // 上传成功
      statusElement.textContent = 'Upload Successful';
      console.log('Response:', response);
    },
    function(error) {
      // 上传失败
      statusElement.textContent = 'Upload Failed';
      console.error('Error:', error);
    }
  );
});