Ajax使用文件上传

// 获取表单元素
var form = document.querySelector('form');

// 获取文件输入元素
var fileInput = document.querySelector('input[type="file"]');

// 监听表单的 submit 事件
form.addEventListener('submit', function(e) {
  // 阻止表单默认行为
  e.preventDefault();

  // 创建 FormData 对象
  var formData = new FormData();

  // 将文件添加到 FormData 对象中
  formData.append('file', fileInput.files[0]);

  // 创建 XMLHttpRequest 对象
  var xhr = new XMLHttpRequest();

  // 监听请求状态变化
  xhr.onreadystatechange = function() {
    if (xhr.readyState === XMLHttpRequest.DONE) {
      if (xhr.status === 200) {
        // 上传成功，处理响应数据
        console.log(xhr.responseText);
      } else {
        // 上传失败，处理错误信息
        console.error(xhr.statusText);
      }
    }
  };

  // 打开请求
  xhr.open('POST', '/upload');

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