如何在Veile4中处理多张图片上传？

<form>
  <input type="file" name="images" multiple>
  <button type="submit">上传</button>
</form>

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

  const files = document.querySelector('input[type="file"]').files;
  // files是一个FileList对象，包含了选择的图片文件
  // 可以通过files.length获取选择的图片数量

  // 进一步处理图片文件，例如上传到服务器或进行预览等操作
});

const formData = new FormData();

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

// 可以通过formData.get('images')获取上传的图片文件

const xhr = new XMLHttpRequest();
xhr.open('POST', '/upload', true);
xhr.send(formData);

// 或者使用Fetch API
fetch('/upload', {
  method: 'POST',
  body: formData
})
.then(response => {
  // 处理服务器响应
})
.catch(error => {
  // 处理错误
});