批量上传保存文件SpringBoot+jquery，前后端代码都在下面直接复制粘贴-CSDN博客

本文链接：https://blog.csdn.net/qq_23878541/article/details/147692406

html代码

<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>上传文件示例</title>
    </head>
    <body>
        <input id="file" type="file" multiple/>
    </body>
    <script src="https://cdn.staticfile.net/jquery/1.10.2/jquery.min.js"></script>
    <script>
        $("#file").change(function () {
            var files=this.files;
            var formData = new FormData();
            for(var i=0;i<files.length;i++){
                formData.append('files',files[i]);
            }
            $.ajax({
                url:"/file",
                type: "POST",
                data: formData,
                contentType: false,//必须false才会自动加上正确的Content-Type
                processData: false,//必须false才会避开jQuery对 formdata 的默认处理XMLHttpRequest会对formdata 进行正确的处理
                success:function(res){
                    console.log("上传成功")
                },
                error:function(err){

                }
            })
        })
    </script>
</html>

SpringBoot后端代码

@PostMapping("file")
@ResponseBody
public Object file(MultipartFile[] files) throws IOException {
    for (MultipartFile file: files){
        Path uploadPath = Paths.get("C:/123456");//保存在C盘下
        if (!Files.exists(uploadPath))Files.createDirectories(uploadPath);//创建指定路径不存在的文件夹

        Path sourcePath = uploadPath.resolve(file.getOriginalFilename());//全路径
        InputStream is = file.getInputStream();
        Files.copy(is, sourcePath, StandardCopyOption.REPLACE_EXISTING);//保存文件
        is.close();
    }
    return 200;
}

复制以上代码直接测试！