如何使用ajax+jquery将多个文件上传到服务器？

<form id="uploadForm" enctype="multipart/form-data">
  <input type="file" name="files[]" multiple>
  <button type="submit">上传</button>
</form>

$(document).ready(function() {
  $('#uploadForm').submit(function(e) {
    e.preventDefault(); // 阻止表单默认提交行为
    var formData = new FormData(this); // 创建FormData对象
    uploadFiles(formData); // 调用上传文件的函数
  });
});

function uploadFiles(formData) {
  $.ajax({
    url: 'upload.php', // 服务器端处理文件上传的接口地址
    type: 'POST',
    data: formData,
    processData: false, // 不处理数据
    contentType: false, // 不设置内容类型
    success: function(response) {
      // 上传成功后的处理逻辑
      console.log(response);
    },
    error: function(xhr, status, error) {
      // 上传失败后的处理逻辑
      console.log(error);
    }
  });
}

<?php
$targetDir = "uploads/"; // 上传文件保存的目录
$uploadedFiles = $_FILES['files']; // 获取上传的文件数据

foreach ($uploadedFiles['name'] as $key => $name) {
  $targetFile = $targetDir . basename($name); // 上传文件的保存路径
  if (move_uploaded_file($uploadedFiles['tmp_name'][$key], $targetFile)) {
    // 文件移动成功
    echo "文件上传成功：".$name."\n";
  } else {
    // 文件移动失败
    echo "文件上传失败：".$name."\n";
  }
}
?>