使用 Spring Boot 和 Thymeleaf 上传文件

Spring Boot 利用 MultipartFile 的特性来接收和处理上传的文件，本示例前端页面使用 Thymeleaf 来处理。

快速上手:

1、添加依赖包

    <dependency>

        <groupId>org.springframework.boot</groupId>

        <artifactId>spring-boot-starter-web</artifactId>

    </dependency>

    <dependency>

        <groupId>org.springframework.boot</groupId>

        <artifactId>spring-boot-starter-thymeleaf</artifactId>

    </dependency>

2、application.properties配置信息

#支持的最大文件

spring.servlet.multipart.max-file-size=100MB

#文件请求最大限制

spring.servlet.multipart.max-request-size=100MB

#除过以上配置，常用的配置信息如下：
spring.servlet.multipart.enabled=true，是否支持 multipart 上传文件
spring.servlet.multipart.file-size-threshold=0，支持文件写入磁盘
spring.servlet.multipart.location=，上传文件的临时目录
spring.servlet.multipart.max-file-size=10Mb，最大支持文件大小
spring.servlet.multipart.max-request-sizee=10Mb，最大支持请求大小
spring.servlet.multipart.resolve-lazily=false，是否支持 multipart 上传文件时懒加载

3、启动类

@SpringBootApplication

public class FileUploadWebApplication {

    public static void main(String[] args) throws Exception {

        SpringApplication.run(FileUploadWebApplication.class, args);

    }

    //Tomcat large file upload connection reset

    @Bean

    public TomcatServletWebServerFactory tomcatEmbedded() {

        TomcatServletWebServerFactory tomcat = new TomcatServletWebServerFactory();

        tomcat.addConnectorCustomizers((TomcatConnectorCustomizer) connector -> {

            if ((connector.getProtocolHandler() instanceof AbstractHttp11Protocol<?>)) {

                //-1 means unlimited

                ((AbstractHttp11Protocol<?>) connector.getProtocolHandler()).setMaxSwallowSize(-);

            }

        });

        return tomcat;

    }

}

TomcatServletWebServerFactory() 方法主要是为了解决上传文件大于 10M 出现连接重置的问题

4、简单前端页面:

　　单个文件上传页面 upload.html:

    <!DOCTYPE html>

    <html xmlns:th="http://www.thymeleaf.org">

    <body>

    <h1>Spring Boot file upload example</h1>

    <form method="POST" action="/upload" enctype="multipart/form-data">

        <input type="file" name="file" /><br/><br/>

        <input type="submit" value="Submit" />

    </form>

    </body>

    </html>

　　多个文件上传页面 uploadMore.html:

<!DOCTYPE html>

    <html xmlns:th="http://www.thymeleaf.org">

    <body>

    <h1>Spring Boot files upload example</h1>

    <form method="POST" action="/uploadMore" enctype="multipart/form-data">

        <input type="file" name="file" /><br/><br/>

        <input type="file" name="file" /><br/><br/>

        <input type="file" name="file" /><br/><br/>

        <input type="submit" value="Submit" />

    </form>

    </body>

    </html>

上传结果页面：uploadStatus.html

<!DOCTYPE html>

    <html lang="en" xmlns:th="http://www.thymeleaf.org">

    <body>

    <h1>Spring Boot - Upload Status</h1>

    <div th:if="${message}">

        <h2 th:text="${message}"/>

    </div>

    </body>

    </html>

5、后台上传控制类

@Controller

public class UploadController {

    //文件存储目录

    private String UPLOAD_PATH="E://temp//";

    //跳转上传页面

    @RequestMapping("/")

    public String index() {

        return "upload";

    }

    @GetMapping("/more")

    public String uploadMore() {

        return "uploadMore";

    }

    //多个文件上传

    @RequestMapping("/uploadMore")

    public String moreFileUpload(@RequestParam("file") MultipartFile[] files,RedirectAttributes redirectAttrs) {

        if(files.length ==0) {

            redirectAttrs.addFlashAttribute("message", "Please select a file to upload");

            return "redirect:uploadStatus";

        }

        for(MultipartFile file :files) {

            try {

                byte[] bytes = file.getBytes();

                Path path = Paths.get(UPLOAD_PATH+file.getOriginalFilename());

                Files.write(path, bytes);

            } catch (IOException e) {

                e.printStackTrace();

            }

        }

        redirectAttrs.addFlashAttribute("message",

                "You successfully uploaded all files");

        return "redirect:/uploadStatus";

    }

    //单个文件上传

    @PostMapping("/upload")

    public String singleFileUpload(@RequestParam("file") MultipartFile file,RedirectAttributes redirectAttrs) {

        if(file.isEmpty()) {

            redirectAttrs.addFlashAttribute("message", "Please select a file to upload");

            return "redirect:uploadStatus";

        }

        try {

            byte[] bytes = file.getBytes();

            Path path = Paths.get(UPLOAD_PATH+file.getOriginalFilename());

            Files.write(path, bytes);

            redirectAttrs.addFlashAttribute("message",

                        "You successfully uploaded '" + file.getOriginalFilename() + "'");

        } catch (IOException e) {

            e.printStackTrace();

        }

        return "redirect:/uploadStatus";

    }

    //跳转结果页面

    @RequestMapping("/uploadStatus")

    public String uploadStatus() {

        return "uploadStatus";

    }

}

6、运行启动类：FileUploadWebApplication

在浏览器访问：

　　

　　多个文件上传：

OK ，上传成功。

springboot笔记-文件上传的更多相关文章

  1. SpringBoot图文教程4—SpringBoot 实现文件上传下载

    有天上飞的概念,就要有落地的实现 概念+代码实现是本文的特点,教程将涵盖完整的图文教程,代码案例 文章结尾配套自测面试题,学完技术自我测试更扎实 概念十遍不如代码一遍,朋友,希望你把文中所有的代码案例 ...

  2. SpringBoot 整合文件上传 elment Ui 上传组件

    SpringBoot 整合文件上传 elment Ui 上传组件 本文章记录 自己学习使用 侵权必删! 前端代码 博主最近在学 elment Ui 所以 前端使用 elmentUi 的 upload ...

  3. springboot+web文件上传和下载

    一.首先安装mysql数据库,开启web服务器. 二.pom.xml文件依赖包配置如下: <?xml version="1.0" encoding="UTF-8&q ...

  4. SpringBoot(3) 文件上传和访问

    springboot文件上传 MultipartFile file,源自SpringMVC MultipartFile 对象的transferTo方法,用于文件保存(效率和操作比原先用FileOutS ...

  5. SpringBoot的文件上传

    先在src/main/resources下新建一个static目录用以存放html页面,简单的html页面如下 <!DOCTYPE html> <html> <head& ...

  6. springBoot的文件上传功能

    知识点: 后台:将上传的图片写入指定服务器路径,保存起来,返回上传后的图片路径(在springBoot中,参考博客:http://blog.csdn.net/change_on/article/det ...

  7. SpringBoot下文件上传与下载的实现

    原文:http://blog.csdn.net/colton_null/article/details/76696674 SpringBoot后台如何实现文件上传下载? 最近做的一个项目涉及到文件上传 ...

  8. Angular14 利用Angular2实现文件上传的前端、利用springBoot实现文件上传的后台、跨域问题

    一.angular2实现文件上传前端 Angular2使用ng2-file-upload上传文件,Angular2中有两个比较好用的上传文件的第三方库,一个是ng2-file-upload,一个是ng ...

  9. springboot 修改文件上传大小限制

    springboot 1.5.9文件上传大小限制spring:http:multipart:maxFileSize:50MbmaxRequestSize:50Mb springboot 2.0文件上传 ...

随机推荐

  1. C# => 写法

    public static IWebHostBuilder CreateWebHostBuilder(string[] args) => WebHost.CreateDefaultBuilder ...

  2. 彩色图像--色彩空间 CIELAB、CIELUV

    学习DIP第65天 转载请标明本文出处:http://blog.csdn.net/tonyshengtan ,出于尊重文章作者的劳动,转载请标明出处!文章代码已托管,欢迎共同开发:https://gi ...

  3. make文件基础用法

    参照:https://www.jianshu.com/p/0b2a7cb9a469 创建工作目录,包含一下文件 main.c person.c b.h c.h /*** c.h ***/ //this ...

  4. jQuery_替换操作

    代码: <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title ...

  5. python3基础： 元组tuple、 列表list、 字典dict、集合set。 迭代器、生成器

    一.元组: tuple Python 的元组与列表类似,不同之处在于元组的元素不能修改. 元组中的元素值是不允许删除的,但我们可以使用del语句来删除整个元组 tup2 = (111, 22, 33, ...

  6. JavaScript实现页面滚动到div区域div以动画方式出现

    用JavaScript实现页面滚动效果,以及用wow.js二种方式实现网页滚动效果 要实现效果是页面滚动到一块区域,该区域以动画方式出现. 这个效果需要二点: 一:我们要先写好一个css动画. 二:用 ...

  7. 【Python】学习笔记一：Hello world

    前言 在我看来,无论我们学习什么语言第一个学习的估计都是Hello world,那么接下来就从Hello world说起! 编写代码 我在本机上已经安装了pycharm,所以我所编辑的代码都是在pyc ...

  8. SQL查询时踩得一些坑

    1.左右连接: left join:LEFT JOIN返回左表的全部行和右表满足ON条件的行,如果左表的行在右表中没有匹配,那么这一行右表中对应数据用NULL代替. inner join: 内连接是最 ...

  9. SSM三大框架整合配置详解

    首先,导入框架所需要的全部jar包(此处省略...........) 第一步:先从mybatis框架开始 我们只需要在mybatis的核心配置文件sqlConfigXml里写上这么一段话,代表的是给p ...

  10. oj.1677矩形嵌套，动态规划 ，贪心

    #include<iostream> #include<algorithm> #include<cstring> using namespace std; stru ...