SpringBoot+MyBatisPlus（7）—— 文件上传和下载

最新推荐文章于 2024-08-19 15:23:06 发布

Yacht13

最新推荐文章于 2024-08-19 15:23:06 发布

阅读量927

点赞数

分类专栏： SpringBoot + MyBatisPlus 文章标签： MyBatis-Plus SpringBoot

本文链接：https://blog.csdn.net/archer__13/article/details/127171784

版权

SpringBoot + MyBatisPlus 专栏收录该内容

8 篇文章 3 订阅

订阅专栏

一. 文件下载

文件下载的请求必须是同步请求

    @GetMapping("/fileDownload")
    public void fileDownload(String imgPath, HttpServletResponse response){
        try {
            //图片的绝对路径（工程路径+图片的相对路径）
            String path = ClassUtils.getDefaultClassLoader().getResource("").getPath()+ imgPath;

            //创建输入流
            InputStream is = new FileInputStream(path);
            //创建字节数组，获取当前文件中所有的字节数
            byte[] bytes = new byte[is.available()];
            //将流读到字节数组中
            is.read(bytes);

            //设置响应头信息，Content-Disposition响应头表示收到的数据怎么处理（固定），attachment表示下载使用（固定），filename指定下载的文件名（下载时会在客户端显示该名字）
            response.addHeader("Content-Disposition", "attachment;filename=school.jpg");

            //创建输出流
            OutputStream out = response.getOutputStream();
            out.write(bytes);

            //关闭资源
            is.close();
            out.flush();
        } catch (IOException e) {
            e.printStackTrace();
        }
    }

<!DOCTYPE html>
<!--suppress ThymeleafVariablesResolveInspection -->
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>文件上传和下载</title>

    <script type="text/javascript" src="https://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>  <!--引入jquery -->
    <script type="text/javascript">
        $(function(){
            //给图片链接添加单击事件
            $("#imgLink").click(function(){
                //获取图片的路径
                var imgPath = $("#img").attr("src");
                imgPath = imgPath.substr(1, imgPath.size);
                window.location.href="[[@{/fileDownload}]]"+"?imgPath="+imgPath;
            });
        });
    </script>
</head>
<body>
    <!-- href="#" 可以将鼠标变成手 -->   <!-- 下载页面显示的该图片 -->    
    <a href="#" id="imgLink"> <img th:src="@{/static/file/school.jpg}" width="64" height="64" id="img"/> </a>
</body>
</html>

二. 文件上传

条件： ①要有一个form标签，method = "post"，enctype="multipart/form-data"；②在form标签中使用input type="file"添加上传文件

    @GetMapping("/file/fileLoadPage")
    public String fileLoadPage(){
        return "file/fileload";
    }

    @PostMapping("/fileUpload")
    public String fileUpload(MultipartFile file){   //该形参名file需要和上传表单的name=file同名
        //获取上传的文件的文件名
        String fileName = file.getOriginalFilename();

        //处理文件重名问题（当上传的文件同名，新上传的文件会将原文件覆盖），因此将UUID作为文件名，来解决该问题
        String suffixName = fileName.substring(fileName.lastIndexOf("."));  //获取上传文件的后缀名
        fileName = UUID.randomUUID().toString() + suffixName;  //将UUID和后缀名拼接后的结果作为文件名

        //设置保存文件的目录（将上传的文件放在服务器的该目录下）
        String filePath = "D:\\upload";

        //判断服务器中是否存在文件保存的目录，如果不存在，则创建目录
        File fileDir = new File(filePath);
        if(!fileDir.exists()){
            fileDir.mkdir();
        }

        String path = filePath + File.separator + fileName;  //File.separator表示路径的分隔符

        try {
            file.transferTo(new File(path));  //将文件保存到path目录下，
        } catch (IOException e) {
            e.printStackTrace();
        }
        return "file/fileload";
    }

<!DOCTYPE html>
<!--suppress ThymeleafVariablesResolveInspection -->
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>文件上传和下载</title>
</head>
<body>
    <!-- 文件上传 -->
    <form th:action="@{/fileUpload}" method="post" enctype="multipart/form-data">
        文件：<input type="file" name="file"/> <br/>
        <input type="submit">
    </form>
</body>
</html>