多文件上传

1）首先在 static 目录中创建一个 upload.html 文件，内容如下：

<!DOCTYPE html>
<html lang="en">
<head>
 <meta charset="UTF-8">
 <title>Title</title>
</head>
<body>
<form action="/uploads" method="post" enctype="multipart/form-data">
 <input type="file" name="uploadFiles" value="请选择文件" multiple>
 <input type="submit" value="上传">
</form>
</body>
</html>

2）接着创建文件上传处理接口 FileUploadController.java，里面核心逻辑和单文件上传是一样的，只是多了一个遍历的步骤，内容如下：

package com.example.demo;

import org.springframework.web.bind.annotation.PostMapping;
import org.springframework.web.bind.annotation.RestController;
import org.springframework.web.multipart.MultipartFile;

import javax.servlet.http.HttpServletRequest;
import java.io.File;
import java.io.IOException;
import java.text.SimpleDateFormat;
import java.util.Date;
import java.util.UUID;

@RestController
public class FileUploadController {

    SimpleDateFormat sdf = new SimpleDateFormat("yyyy/MM/dd/");

    @PostMapping("/uploads")
    public String upload(MultipartFile[] uploadFiles, HttpServletRequest req) {
        String result = "";

        // 遍历所有上传的文件
        for (MultipartFile uploadFile : uploadFiles) {
            // 上传的文件将保存在项目运行目录下的 uploadFile 文件夹
            String realPath = req.getSession().getServletContext().getRealPath("/uploadFile/");
            System.out.println(realPath);

            // 并且在 uploadFile 文件夹中通过日期对上传的文件归类保存
            // 比如：/uploadFile/2019/06/06/32091e5f-c9e9-4506-9567-43e724f1fe37.png
            String format = sdf.format(new Date());
            File folder = new File(realPath + format);
            if (!folder.isDirectory()) {
                folder.mkdirs();
            }

            // 对上传的文件重命名，避免文件重名
            String oldName = uploadFile.getOriginalFilename();
            String newName = UUID.randomUUID().toString()
                    + oldName.substring(oldName.lastIndexOf("."), oldName.length());
            try {
                // 文件保存
                uploadFile.transferTo(new File(folder, newName));

                // 获取上传文件的访问路径
                String filePath = req.getScheme() + "://" + req.getServerName() + ":"
                        + req.getServerPort() + "/uploadFile/" + format + newName;
                result += filePath + "<br>";
            } catch (IOException e) {
                e.printStackTrace();
            }
        }

        // 返回所有上传文件的访问路径
        return result;
    }
}

1）我们使用浏览器访问 upload.html 页面并选择文件上传，不过这次我们可以同时选择多个文件一起上传：