ajax上传文件

使用AJAX上传文件，你可以创建一个FormData对象，然后使用XMLHttpRequest或fetch API将文件发送到服务器。以下是使用fetch的示例代码：

// 假设你有一个<input type="file" id="fileInput">元素
const fileInput = document.getElementById('fileInput');
 
// 当文件被选中时
fileInput.addEventListener('change', function(event) {
  const file = event.target.files[0]; // 获取文件引用
  const formData = new FormData(); // 创建FormData对象
  formData.append('file', file); // 将文件添加到FormData对象中
 
  // 使用fetch上传文件
  fetch('/upload-endpoint', {
    method: 'POST',
    body: formData
  })
  .then(response => response.json()) // 如果服务器返回JSON
  .then(data => console.log(data)) // 处理服务器响应
  .catch(error => console.error(error)); // 处理错误
});

确保服务器端的上传端点支持文件上传，并且CORS（跨源资源共享）已正确配置以允许AJAX请求。