使用 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. js 动态加载js 并执行

    function loadJS(url, success) { var domScript = document.createElement('script'); domScript.src = ur ...

  2. 51 Nod 1073 约瑟夫环

    1073 约瑟夫环  基准时间限制:1 秒 空间限制:131072 KB 分值: 0 难度:基础题  收藏  关注 N个人坐成一个圆环(编号为1 - N),从第1个人开始报数,数到K的人出列,后面的人 ...

  3. Scrapy学习(一)、Scrapy框架和数据流

    Scrapy是用python写的爬虫框架,架构图如下: 它可以分为如下七个部分: 1.Scrapy Engine:引擎,负责控制数据流在系统的所有组件中流动,并在相应动作发生时触发时间. 2.Sche ...

  4. WordPress过滤器(Filters)：apply_filters和add_filter

    过滤器(Filters)对于WordPress来说是非常重要的,它极大地扩展了WordPress的定制能力,提高了WordPress的灵活性.无论是制作主题还是开发插件,我们基本上都会或多或少地使用到 ...

  5. Redis Cluster Cache with SpringBoot

    前提: 根据  https://www.cnblogs.com/luffystory/p/12081074.html 创建好Redis集群 <project xmlns="http:/ ...

  6. 生成json文件写入本地

    public class Json { public static void main(String[] args) { String fullPath = null; //例如:fullPath=& ...

  7. 【转】HLS视频点播&直播初探

    特别提示:本人博客部分有参考网络其他博客,但均是本人亲手编写过并验证通过.如发现博客有错误,请及时提出以免误导其他人,谢谢!欢迎转载,但记得标明文章出处:http://www.cnblogs.com/ ...

  8. 第八周学习总结&实验报告（6）

    实验六 异常 一.实验目的: (1)理解异常的基本概念: (2)掌握异常处理方法及熟悉常见异常的捕获方法. 二.实验要求: (1)练习捕获异常.声明异常.抛出异常的方法.熟悉try和catch子句的使 ...

  9. Error running 'Tomcat 9.0.241': port out of range:-1

    这种情况很容易解决,别急. 修改默认配置,tomcat的server.xml检查一下,端口不能是-1, 一般会选80,或者1-65535之间的任意一个整数 路径:C:\Program Files\Ap ...

  10. note: Spanner: Google’s Globally-Distributed Database

    1. Abstract & introduction ref:http://static.googleusercontent.com/media/research.google.com/zh- ...