<div id="dropArea" ondrop="handleDrop(event)" ondragover="handleDragOver(event)" ondragenter="handleDragEnter(event)">
  将文件拖放到此处
</div>

function handleDrop(event) {
  event.preventDefault(); // 阻止浏览器默认行为
  var files = event.dataTransfer.files; // 获取拖放的文件列表
  // 处理文件上传逻辑
  uploadFiles(files);
}

function handleDragOver(event) {
  event.preventDefault(); // 阻止浏览器默认行为
}

function handleDragEnter(event) {
  event.preventDefault(); // 阻止浏览器默认行为
}

function uploadFiles(files) {
  var formData = new FormData(); // 创建FormData对象
  for (var i = 0; i < files.length; i++) {
    formData.append('file', files[i]); // 将文件添加到FormData对象中
  }
  
  // 发送POST请求，将FormData对象上传至服务器
  var xhr = new XMLHttpRequest();
  xhr.open('POST', 'upload.php', true);
  xhr.onload = function() {
    if (xhr.status === 200) {
      // 上传成功
      console.log('文件上传成功');
    } else {
      // 上传失败
      console.log('文件上传失败');
    }
  };
  xhr.send(formData);
}