多图片上传 前端vue后端java

前端Vue实现多图片上传可以使用第三方库vue-upload-component，具体使用方法可以参考官方文档：https://github.com/lian-yue/vue-upload-component。

后端Java可以使用SpringMVC框架中的MultipartFile类来处理上传的文件。具体实现步骤如下：

1. 在Controller中添加一个接收文件上传的方法：

@RequestMapping(value = "/upload", method = RequestMethod.POST)
@ResponseBody
public Map<String, Object> upload(@RequestParam("file") MultipartFile[] files) {
    // 处理文件上传逻辑
}

2. 遍历MultipartFile数组，将每个文件保存到服务器本地：

for (MultipartFile file : files) {
    if (!file.isEmpty()) {
        String fileName = file.getOriginalFilename();
        String filePath = "上传文件存储路径/" + fileName;
        File dest = new File(filePath);
        file.transferTo(dest);
    }
}

3. 返回上传结果：

Map<String, Object> result = new HashMap<>();
result.put("code", 0);
result.put("msg", "上传成功");
return result;

注意：需要在SpringMVC配置文件中添加对MultipartFile的支持：

<bean id="multipartResolver" class="org.springframework.web.multipart.commons.CommonsMultipartResolver">
    <property name="maxUploadSize" value="5242880"/> <!-- 最大上传文件大小为5MB -->
</bean>