使用 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. python基础--几个特性

    1.helloword程序的解释 #!/usr/bin/python3 print("Hello, World!") 关于脚本第一行的 #!/usr/bin/python 的解释, ...

  2. Spring MVC 的 multipartResolver 不能同iWebOffice2006 共同使用

    转:http://jamesby.iteye.com/blog/57381 项目使用iWebOffice2006,本来可以正常使用,但是系统有文件上传需求,故定义了一个multipartResolve ...

  3. Spring实例化相关问题

    1.当Controller或者Service使用new来实例化时,能不能正常调用使用Resource声明的变量 不能,使用new来实例化时,所有使用Resource声明的变量均为null

  4. ubuntu编译安装openssl

    http://blog.bccn.net/%E9%9D%99%E5%A4%9C%E6%80%9D/66642 su root  不然权限不够 cd /usr/src wget https://www. ...

  5. linux环境下C++写TCP通信（一）

    #include<stdio.h> #include<string.h> //tcp #include<unistd.h> #include<sys/type ...

  6. Jmeter(三） 从上传图片来入门Jmeter

    用Jmeter上传用户头像到人人网 先用抓包工具Fiddler把上传操作的报文抓取下来 开启Jmeter,在测试计划中创建一个线程组,取名为“图片上传” 再在线程组中创建一个HTTP请求 在请求报文中 ...

  7. 【转】有rand7（可以随机生成1到7的数据的随机函数），如何产生rand10（随机产生1-10的数）

    今天停GJP说在面试的时候碰到了一道这样的题目:有rand7(可以随机生成1到7的数据的随机函数),如何产生rand10(随机产生1-10的数) 感觉很有意思,找到了这篇博客,感觉解法很好玩,转载在这 ...

  8. 大哥带的XSS练习LEVE2

    0X01输出在html标签中的XSS 这里相当于我们把XSS代码插入到了 html中的<td>标签中 其他好看的 但是不是同源访问 <script> var body= doc ...

  9. Python set 用法

    (原文链接)http://blog.csdn.net/business122/article/details/7541486# python的set和其他语言类似, 是一个无序不重复元素集, 基本功能 ...

  10. C++入门经典-例3.16-使用do-while循环进行计算

    1:代码如下: // 3.16.cpp : 定义控制台应用程序的入口点. // #include "stdafx.h" #include <iostream> usin ...