表单上传多个图片 vue+java

在 Vue 中，你可以使用 `input` 标签的 `multiple` 属性来允许用户选择多个文件。以下是一个示例：

<template>
  <div>
    <input type="file" ref="fileInput" multiple @change="handleFileUpload">
    <button @click="submitForm">提交表单</button>
  </div>
</template>

<script>
export default {
  data() {
    return {
      files: [], // 存放上传的文件
    }
  },
  methods: {
    handleFileUpload() {
      this.files = Array.from(this.$refs.fileInput.files)
    },
    submitForm() {
      const formData = new FormData()
      this.files.forEach(file => {
        formData.append('images', file)
      })
      // 将 formData 发送到后端处理
      // ...
    },
  },
}
</script>

在后端 Java 中，你可以使用 `MultipartFile` 类型来接收上传的文件。以下是一个示例：

@PostMapping("/upload")
public String upload(@RequestParam("images") List<MultipartFile> images) throws IOException {
    for (MultipartFile image : images) {
        // 处理上传的文件
        // ...
    }
    return "上传成功";
}

以上是一个简单的示例，你可以根据自己的需求进行相应的修改。