如何使用sweetalert2上传多个文件

<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/sweetalert2@11.0.20/dist/sweetalert2.min.css">
<script src="https://cdn.jsdelivr.net/npm/sweetalert2@11.0.20/dist/sweetalert2.all.min.js"></script>

<form id="uploadForm">
  <input type="file" id="fileInput" multiple>
  <button type="submit">上传</button>
</form>

document.getElementById('uploadForm').addEventListener('submit', function(event) {
  event.preventDefault(); // 阻止表单默认提交行为

  var files = document.getElementById('fileInput').files;
  var formData = new FormData();

  for (var i = 0; i < files.length; i++) {
    formData.append('files', files[i]);
  }

  // 在这里可以将formData发送到服务器进行文件上传操作
  // 可以使用XMLHttpRequest或者fetch API发送请求
});

Swal.fire({
  title: '上传中',
  html: '文件上传中，请稍候...',
  allowOutsideClick: false,
  onBeforeOpen: () => {
    Swal.showLoading();
  }
});

// 假设服务器返回的结果是一个Promise对象
uploadFiles(formData).then(function(response) {
  Swal.fire({
    title: '上传成功',
    text: '文件上传成功！',
    icon: 'success'
  });
}).catch(function(error) {
  Swal.fire({
    title: '上传失败',
    text: '文件上传失败，请重试！',
    icon: 'error'
  });
});