如何实现Java多张图片上传显示

一、整体流程

以下是实现Java多张图片上传显示的步骤：

步骤 描述
1 创建上传页面
2 编写后台处理上传的代码
3 保存上传的图片文件
4 显示上传的图片

二、具体操作步骤

1. 创建上传页面

首先，我们需要在前端创建一个可以上传图片的页面，用户可以选择多张图片上传。

// HTML代码
<input type="file" name="file" multiple>

2. 编写后台处理上传的代码

接下来，我们需要编写后台处理上传文件的代码，使用Spring MVC来处理文件上传。

// Java代码
@PostMapping("/upload")
public String handleFileUpload(@RequestParam("file") MultipartFile[] files) {
    // 逐个处理上传的文件
    for (MultipartFile file : files) {
        String fileName = file.getOriginalFilename();
        // 保存文件到指定路径
        // 这里可以调用保存文件的方法，例如 saveFile(file)
    }
    return "redirect:/";
}

3. 保存上传的图片文件

在上传文件的方法中，我们需要编写保存文件的逻辑。

// Java代码
public void saveFile(MultipartFile file) {
    // 获取文件名
    String fileName = file.getOriginalFilename();
    // 构建文件存储路径
    String filePath = "/path/to/save/" + fileName;
    try {
        // 保存文件
        file.transferTo(new File(filePath));
    } catch (IOException e) {
        e.printStackTrace();
    }
}

4. 显示上传的图片

最后，我们需要在前端页面显示上传的图片。

// HTML代码
<c:forEach var="file" items="${files}">
    <img src="/path/to/save/${file}">
</c:forEach>

结论

通过以上步骤，你可以实现Java多张图片上传显示的功能。记得在保存文件和显示图片时，替换代码中的路径为你实际的文件保存路径。希望这篇文章对你有所帮助！