如何在JavaScript中使用序列化数组的同时上传图片？

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

document.getElementById("uploadForm").addEventListener("submit", function(e) {
  e.preventDefault(); // 阻止表单默认的提交行为
  
  var fileInput = document.getElementById("fileInput");
  var files = fileInput.files;
  
  if (files.length > 0) {
    var formData = new FormData();
    
    for (var i = 0; i < files.length; i++) {
      formData.append("images[]", files[i]); // 使用 append() 方法将文件添加到 FormData 对象中
    }
    
    // 序列化数组的同时上传图片
    uploadSerializedArray(formData);
  } else {
    alert("请先选择要上传的图片");
  }
});

function uploadSerializedArray(data) {
  var xhr = new XMLHttpRequest();
  xhr.open("POST", "/upload", true);
  
  xhr.onload = function() {
    // 处理服务器返回的响应结果
    if (xhr.status === 200) {
      var response = JSON.parse(xhr.responseText);
      console.log(response);
    } else {
      console.error("上传失败");
    }
  };
  
  xhr.onerror = function() {
    console.error("请求出错");
  };
  
  xhr.send(data);
}