SpringBoot-11-文件的上传和下载

本章节我们主要进行SpringBoot文件上传和下载以及的介绍涉及到Thumeleaf以及静态资源的设置，这是因为我们在进行项目开发的时候，经常会遇见需要用到文件上传和下载的时候，例如：通知文档下载，辞职报告模板的下载，员工信息的批量录入需要文件上传。

SpringBoot-4-Web开发里面有静态资源介绍

SpringBoot-5-页面展示Thymeleaf

SpringBoot-6-模板Thymeleaf常用标签

大家关注我的微信公众号（springboot葵花宝典），回复：springboot，可以获取一些博主搜集的SpringBoot学习资料。

1.文件上传的实现

在srcmainresourcestemplates目录下新建index.html代码如下：

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:th="http://www.thymeleaf.org">
<head >
    <meta charset="UTF-8">
    <title>index</title>
    <link rel="stylesheet" th:href="@{/css/bootstrap.min.css}">
    <link rel="stylesheet" th:href="@{/css/dashboard.css}">
    <script th:src="@{/js/jquery-3.3.1.min.js}"></script>
    <script th:src="@{/js/bootstrap.min.js}"></script>
</head>
<body>

<div >
    单个文件上传：<br/>
    <form action="/upload" method="post" enctype="multipart/form-data">
        <input type="file" name="file"/>
        <input type="submit" value="提交上传"/>
    </form>
    <br/>
    多个文件上传：
    <form action="/uploads" method="post" enctype="multipart/form-data">
        文件1：<input type="file" name="file"/><br/>
        文件2：<input type="file" name="file"/><br/>
        文件3：<input type="file" name="file"/><br/>
        <input type="submit" value="上传多个文件"/>
    </form>
</div>
</body>
</html>

注：表单method设置为post,并将enctype设置为 multipart/form-data;

在application.yml文件中配置上传的路径

spring:
  application:
    name: part11
  thymeleaf:
    cache: false
  servlet:
    multipart:
      enabled: true
      max-file-size: 2MB # 单文件大小
      max-request-size: 5MB  # 一次请求的多个文件大小
# 上传的服务器上的映射文件夹
file:
  #静态资源对外暴露的访问路径
  uploadAccessPath: /upload/**
#文件上传目录（注意Linux和Windows上的目录结构不同）
  uploadFolder: D://software/file/java/myfirst/data/

或者使用代码注册进行设置文件上传大小


    @Bean
    public MultipartConfigElement multipartConfigElement() {
        MultipartConfigFactory factory = new MultipartConfigFactory();
        // 单个文件最大10MB
        factory.setMaxFileSize(DataSize.ofMegabytes(10L));
        /// 设置总上传数据总大小10GB
        factory.setMaxRequestSize(DataSize.ofGigabytes(10L));
        return factory.createMultipartConfig();
    }

配置Controller层UploadController

 @Controller
public class UploadController {

    @Value("${file.uploadFolder}")
    private String uploadFolder;

    /**
     * 初始化上传文件界面，跳转到index.html
     * @return
     */
    @GetMapping(value = "/index")
    public String index(){
        return "index";
    }

    /**
     * 提取上传方法为公共方法
     * @param uploadDir 上传文件目录
     * @param file 上传对象
     * @throws Exception
     */
    private String executeUpload(String uploadDir,MultipartFile file) throws Exception
    {
        //文件后缀名
        String suffix = file.getOriginalFilename().substring(file.getOriginalFilename().lastIndexOf("."));
//        String prefix = file.getOriginalFilename().substring(file.getOriginalFilename()("."));
        //上传文件名
        String filename = UUID.randomUUID() + suffix;
        //服务器端保存的文件对象
        File serverFile = new File(uploadDir + filename);
        //将上传的文件写入到服务器端文件内
        file.transferTo(serverFile);
        return   filename;
    }

    /**
     * 上传文件方法
     * @param file 前台上传的文件对象
     * @return
     */
    @PostMapping(value = "/upload")
    public  String  upload(HttpServletRequest request,MultipartFile file)
    {
        String path="";
        try {
            //如果目录不存在，自动创建文件夹
            File dir = new File(uploadFolder);
            if(!dir.exists())
            {
                dir.mkdir();
            }
            //调用上传方法
            path =executeUpload(uploadFolder,file);
        }catch (Exception e)
        {
            //打印错误堆栈信息
            e.printStackTrace();
            return "上传失败";
        }

        return "redirect:" +"upload"+File.separator+path ;
    }
}

2.文件下载的实现

添加html

<div >
    <h1>测试文件下载</h1> <br/>
    <a th:href="@{/download(fileName=1.png)}">1.png</a> <br/>
    <!--<a th:href="@{/file/download?fileName=readme.txt}">readme.txt</a> <br/>-->
    <a th:href="@{/download(fileName=2.png)}">2.png</a> <br/>
    <!--<a th:href="@{/file/download?fileName=项目介绍.md}">项目介绍.md</a> <br/>-->
    <a th:href="@{/download(fileName=3.png)}">3.png</a> <br/>
    <a th:href="@{/download(fileName=tomcat.keystore)}">tomcat.keystore</a> <br/>
    <a th:href="@{/download(fileName=中国社会分层与教育公平_一个文献综述_洪岩璧.caj)}">caj</a> <br/>
</div>

在Controller中添加代码

 /**
     * 下载图片
     * @param fileName
     * @param response
     * @throws Exception
     */
    @GetMapping("/download")
    public void downloadFile(String fileName, HttpServletResponse response) throws Exception {
        // 1.去指定目录读取文件
        File file = new File(uploadFolder, fileName);
        // 2.将文件读取为文件输入流
        FileInputStream is = new FileInputStream(file);
        // 2.1 获取响应流之前  一定要设置以附件形式下载
        response.setHeader("content-disposition", "attachment;filename=" + URLEncoder.encode(fileName, "UTF-8"));
        // 3.获取响应输出流
        ServletOutputStream os = response.getOutputStream();
        FileCopyUtils.copy(is,os);
    }