• SpringMVC之文件的上传下载（教你如何使用有关SpringMVC知识实现文件上传下载的超详细博客）

    目录

    前言

    一、文件上传

    1. 配置多功能视图解析器（spring-mvc.xml）

    2. 添加文件上传页面（upload.jsp）

    upload.jsp

    3.做硬盘网络路径映射

    4. 编写一个处理页面跳转的类

    PageController.java

     ClazzController.java

    5. 初步模拟上传文件

    6.配置目录的配置文件

    resource.properties

    7. 最终实现文件上传并显示

    二、文件下载

    方法代码

     jsp页面代码

    效果测试

     三、多文件上传

    jsp页面显示代码

    多文件上传方法

     测试多文件上传

     四、扩展（jrebel插件运用）

    安装插件

    打开代理服务器

    jrebel启动项目

     后续注意事项

    前言

            在上一期的博客文章中我们了解学习到了有关SpringMVC框架实现模拟增删改查四大功能实现，今天给大家带来的是SpringMVC实现文件的上传下载功能实现模拟，让我们一起来一探究竟吧。

            在Spring MVC中，文件上传下载是指通过web应用程序上传和下载文件。Spring MVC提供了一些便捷的方式来处理文件上传和下载的流程。在文件上传方面，可以MultipartFile对象来接收和处理客户端上传的文件。而在文件下载方面，可以使用Spring MVC的ResponseEntity和InputStreamResource等类来实现文件下载的功能。

            要进行文件上传，可以通过在控制器方法的参数中声明MultipartFile类型的参数来接收上传的文件，然后通过MultipartFile对象的一些方法（如getOriginalFilename()、getSize()等）可以获取文件的原始名称和大小等信息。接收到文件后，可以将文件保存到指定的位置或进行进一步的处理。

    一、文件上传

    1. 配置多功能视图解析器（spring-mvc.xml）

    1. "1.0" encoding="UTF-8"?>
    2. <beans xmlns="http://www.springframework.org/schema/beans"
    3.        xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
    4.        xmlns:context="http://www.springframework.org/schema/context"
    5.        xmlns:aop="http://www.springframework.org/schema/aop"
    6.        xmlns:mvc="http://www.springframework.org/schema/mvc"
    7.        xsi:schemaLocation="http://www.springframework.org/schema/beans http://www.springframework.org/schema/beans/spring-beans.xsd
    8.       http://www.springframework.org/schema/context http://www.springframework.org/schema/context/spring-context-4.3.xsd
    9.        http://www.springframework.org/schema/aop http://www.springframework.org/schema/aop/spring-aop-4.3.xsd
    10.       http://www.springframework.org/schema/mvc http://www.springframework.org/schema/mvc/spring-mvc.xsd">
    11.     
    12.     <context:component-scan base-package="com.yx"/>
    13.  
    14.     
    15.     <mvc:annotation-driven />
    16.  
    17.     
    18.     <bean class="org.springframework.web.servlet.view.InternalResourceViewResolver">
    19.         
    20.         <property name="viewClass"
    21.                   value="org.springframework.web.servlet.view.JstlView">property>
    22.         <property name="prefix" value="/WEB-INF/jsp/"/>
    23.         <property name="suffix" value=".jsp"/>
    24.     bean>
    25.  
    26.     
    27.      <mvc:resources location="/static/" mapping="/static/**"/>
    28.  
    30.     <bean id="multipartResolver" class="org.springframework.web.multipart.commons.CommonsMultipartResolver">
    31.         
    32.         <property name="defaultEncoding" value="UTF-8">property>
    33.         
    34.         <property name="maxUploadSize" value="52428800">property>
    35.         
    36.         <property name="resolveLazily" value="true"/>
    37.     bean>
    38.  
    39.      <aop:aspectj-autoproxy/>
    40. beans>

    主要是添加下面这段代码

    1. <bean id="multipartResolver" class="org.springframework.web.multipart.commons.CommonsMultipartResolver">
    2.     
    3.     <property name="defaultEncoding" value="UTF-8">property>
    4.     
    5.     <property name="maxUploadSize" value="52428800">property>
    6.     
    7.     <property name="resolveLazily" value="true"/>
    8. bean>

    在spring-mvc.xml文件添加之前，在pom.xml也要导入相关的依赖和插件。

    2. 添加文件上传页面（upload.jsp）

    upload.jsp

    1. <%--
    2.   Created by IntelliJ IDEA.
    3.   User: 86158
    4.   Date: 2023/9/9
    5.   Time: 16:08
    6.   To change this template use File | Settings | File Templates.
    7. --%>
    8. <%@ page contentType="text/html;charset=UTF-8" language="java" %>
    9. <html>
    10. <head>
    11.     <title>班级logo上传title>
    12. head>
    13. <body>
    14. <form action="${pageContext.request.contextPath }/clz/upload" method="post" enctype="multipart/form-data">
    15.     <label>班级编号：label><input type="text" name="cid" readonly="readonly" value="${param.cid}"/><br/>
    16.     <label>班级图片：label><input type="file" name="photo"/><br/>
    17.     <input type="submit" value="上传图片"/>
    18. form>
    19. body>
    20. html>

    3.做硬盘网络路径映射

    4. 编写一个处理页面跳转的类

    PageController.java

    1. package com.yx.web;
    2.  
    3. import org.springframework.stereotype.Controller;
    4. import org.springframework.web.bind.annotation.PathVariable;
    5. import org.springframework.web.bind.annotation.RequestMapping;
    6.  
    7. /**
    8.  * @author 君易--鑨
    9.  * @site www.yangxin.com
    10.  * @company 木易
    11.  * @create  2023-09-10 17:03
    12.  * 处理页面跳转的
    13.  */
    14. @Controller
    15. @RequestMapping("/page")
    16. public class PageController {
    17.  
    18.     @RequestMapping("/page/{page}")
    19. public String toPage(@PathVariable("page") String page){
    20.     return page;
    21. }
    22.  
    23.  
    24.     @RequestMapping("/page/{dir}{page}")
    25.     public String toDirPage(@PathVariable("dir") String dir,
    26.                             @PathVariable("page") String page){
    27.         return dir+"/"+page;
    28.     }
    29. }

     ClazzController.java

    1. package com.yx.web;
    2.  
    3. import com.yx.biz.ClazzBiz;
    4. import com.yx.model.Clazz;
    5. import com.yx.utils.PageBean;
    6. import com.yx.utils.PropertiesUtil;
    7. import org.apache.commons.io.FileUtils;
    8. import org.springframework.beans.factory.annotation.Autowired;
    9. import org.springframework.stereotype.Controller;
    10. import org.springframework.ui.Model;
    11. import org.springframework.web.bind.annotation.PathVariable;
    12. import org.springframework.web.bind.annotation.RequestMapping;
    13. import org.springframework.web.multipart.MultipartFile;
    14.  
    15. import javax.servlet.http.HttpServletRequest;
    16. import java.io.File;
    17. import java.io.IOException;
    18. import java.util.List;
    19.  
    20. /**
    21.  * @author 君易--鑨
    22.  * @site www.yangxin.com
    23.  * @company 木易
    24.  * @create  2023-09-09 15:25
    25.  */
    26. @Controller
    27. @RequestMapping("/clz")
    28. public class ClazzController {
    29.     @Autowired
    30.     private ClazzBiz clazzBiz;
    31.  
    32.     //    增
    33.     @RequestMapping("/add")
    34.     public String add(Clazz Clazz){
    35.         int i = clazzBiz.insertSelective(Clazz);
    36.         return "redirect:list";
    37.     }
    38.  
    39.     //    删
    40.     @RequestMapping("/del/{mid}")
    41.     public String del(@PathVariable("mid") Integer mid){
    42.         int i = clazzBiz.deleteByPrimaryKey(mid);
    43.         return "redirect:list";
    44.     }
    45.     //    改
    46.     @RequestMapping("/edit")
    47.     public String del(Clazz Clazz){
    48.         int i = clazzBiz.updateByPrimaryKeySelective(Clazz);
    49.         return "redirect:list";
    50.     }
    51.  
    52. //    文件上传
    53.     @RequestMapping("/upload")
    54.     public String upload(Clazz clazz,MultipartFile photo){
    55.  
    56.         try {
    57. //上传的图片真实存放地址
    58.             String dir= PropertiesUtil.getValue("dir");
    59. //网络服务器访问地址
    60.             String server=PropertiesUtil.getValue("server");
    61.  
    62.             String filename = photo.getOriginalFilename();
    63.             System.out.println("文件名称:"+filename);
    64.             System.out.println("文件类型:"+photo.getContentType());
    65.             FileUtils.copyInputStreamToFile(photo.getInputStream(),new File(dir+filename));
    66.  
    67.             clazz.setPic(server+filename);//保存到数据库中
    68.             clazzBiz.updateByPrimaryKeySelective(clazz);//调用方法修改
    69.  
    70.         } catch (IOException e) {
    71.             e.printStackTrace();
    72.         }
    73.         return "redirect:list";
    74.     }
    75.  
    76.     //    查
    77.     @RequestMapping("/list")
    78.     public String list(Clazz Clazz, HttpServletRequest request){
    79. //    Clazz接口参数
    80.         PageBean pageBean=new PageBean();
    81.         pageBean.setRequest(request);
    82.         List Clazzs = clazzBiz.ListPager(Clazz, pageBean);
    83.         request.setAttribute("lst",Clazzs);
    84.         request.setAttribute("pageBean",pageBean);
    85. //最终跳转到WEB-IEF/Clazz/list.jsp页面
    86.         return "clz/list";
    87.     }
    88.  
    89.     //    数据回显
    90.     @RequestMapping("/preSave")
    91.     public String preSave(Clazz Clazz, Model model){
    92.         if (Clazz !=null && Clazz.getCid() !=null && Clazz.getCid() != 0){
    93.             Clazz c = clazzBiz.selectByPrimaryKey(Clazz.getCid());
    94.             model.addAttribute("c",c);
    95.         }
    96.         return "clz/edit";
    97.     }
    98.  
    99.  
    100. }

    5. 初步模拟上传文件

    这只是实现了将选中的文件下载到指定的文件夹中，在数据库中未进行修改数据。

    6.配置目录的配置文件

    resource.properties

    1. dir=D:/photo/upload/
    2. server=/upload/

    7. 最终实现文件上传并显示

    二、文件下载

    方法代码

    1. @RequestMapping(value="/download")
    2.     public ResponseEntity<byte[]> download(Clazz clazz,HttpServletRequest req){
    3.  
    4.         try {
    5.             //先根据文件id查询对应图片信息
    6.             Clazz clz = this.clazzBiz.selectByPrimaryKey(clazz.getCid());
    7.             String diskPath = PropertiesUtil.getValue("dir");
    8.             String reqPath = PropertiesUtil.getValue("server");
    9.             String realPath = clz.getPic().replace(reqPath,diskPath);
    10.             String fileName = realPath.substring(realPath.lastIndexOf("/")+1);
    11.             //下载关键代码
    12.             File file=new File(realPath);
    13.             HttpHeaders headers = new HttpHeaders();//http头信息
    14.             String downloadFileName = new String(fileName.getBytes("UTF-8"),"iso-8859-1");//设置编码
    15.             headers.setContentDispositionFormData("attachment", downloadFileName);
    16.             headers.setContentType(MediaType.APPLICATION_OCTET_STREAM);
    17.             //MediaType:互联网媒介类型  contentType：具体请求中的媒体类型信息
    18.             return new ResponseEntity<byte[]>(FileUtils.readFileToByteArray(file),headers, HttpStatus.OK);
    19.         }catch (Exception e){
    20.             e.printStackTrace();
    21.         }
    22.         return null;
    23.     }

    将文件下载的代码添加到指定的Controller类中

     jsp页面代码

    1. <%@ page language="java" contentType="text/html; charset=UTF-8"
    2.          pageEncoding="UTF-8"%>
    3. <%@ taglib uri="http://jsp.veryedu.cn" prefix="z"%>
    4. <%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
    5.  
    6. html>
    7. <html>
    8. <head>
    9.     <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    10.     <link
    11.             href="https://cdn.bootcdn.net/ajax/libs/twitter-bootstrap/4.5.0/css/bootstrap.css"
    12.             rel="stylesheet">
    13.     <script
    14.             src="https://cdn.bootcdn.net/ajax/libs/twitter-bootstrap/4.5.0/js/bootstrap.js">script>
    15.     <title>班级列表title>
    16.     <style type="text/css">
    17.         .page-item input {
    18.             padding: 0;
    19.             width: 40px;
    20.             height: 100%;
    21.             text-align: center;
    22.             margin: 0 6px;
    23.         }
    24.  
    25.  
    26.         .page-item input, .page-item b {
    27.             line-height: 38px;
    28.             float: left;
    29.             font-weight: 400;
    30.         }
    31.  
    32.         .page-item.go-input {
    33.             margin: 0 10px;
    34.         }
    35.     style>
    36. head>
    37. <body>
    38. <form class="form-inline"
    39.       action="${pageContext.request.contextPath }/clz/list" method="post">
    40.     <div class="form-group mb-2">
    41.         <input type="text" class="form-control-plaintext" name="cname"
    42.                placeholder="请输入班级名称">
    43.         
    44.         
    45. <%--        <input name="pagination" value="false" type="hidden">--%>
    46.     div>
    47.     <button type="submit" class="btn btn-primary mb-2">查询button>
    48.     <a class="btn btn-primary mb-2" href="${pageContext.request.contextPath }/clz/preSave">新增a>
    49. form>
    50.  
    51. <table class="table table-striped ">
    52.     <thead>
    53.     <tr>
    54.         <th scope="col">班级IDth>
    55.         <th scope="col">班级名称th>
    56.         <th scope="col">教员th>
    57.         <th scope="col">图片th>
    58.         <th scope="col">操作th>
    59.     tr>
    60.     thead>
    61.     <tbody>
    62.     <c:forEach  var="b" items="${lst }">
    63.         <tr>
    64.             <td>${b.cid }td>
    65.             <td>${b.cname }td>
    66.             <td>${b.cteacher }td>
    67.             <td>
    68.              <img src="${b.pic}" style="height:100px;width: 60px; ">
    69.             td>
    70.             <td>
    71.                 <a href="${pageContext.request.contextPath }/clz/preSave?cid=${b.cid}">修改a>
    72.                 <a href="${pageContext.request.contextPath }/clz/del/${b.cid}">删除a>
    73.                 <a href="${pageContext.request.contextPath }/page/clz/upload?cid=${b.cid}">图片上传a>
    74.                 <a href="${pageContext.request.contextPath }/clz/download?cid=${b.cid}">图片下载a>
    75.             td>
    76.         tr>
    77.     c:forEach>
    78.     tbody>
    79. table>
    81. <z:page pageBean="${pageBean }">z:page>
    82.  
    83. body>
    84. html>

    效果测试

     三、多文件上传

    jsp页面显示代码

    1. <%--
    2.   Created by IntelliJ IDEA.
    3.   User: 86158
    4.   Date: 2023/9/9
    5.   Time: 16:08
    6.   To change this template use File | Settings | File Templates.
    7. --%>
    8. <%@ page contentType="text/html;charset=UTF-8" language="java" %>
    9. <html>
    10. <head>
    11.     <title>班级logo上传title>
    12. head>
    13. <body>
    14. <form action="${pageContext.request.contextPath }/clz/upload" method="post" enctype="multipart/form-data">
    15.     <label>班级编号：label><input type="text" name="cid" readonly="readonly" value="${param.cid}"/><br/>
    16.     <label>班级图片：label><input type="file" name="photo"/><br/>
    17.     <input type="submit" value="上传图片"/>
    18. form>
    19.  
    20.  
    21. <p>多文件上传p>
    22. <form method="post" action="${pageContext.request.contextPath }/clz/uploads" enctype="multipart/form-data">
    23.     <input type="file" name="files" multiple>
    24.     <button type="submit">上传button>
    25. form>
    26.  
    27. body>
    28. html>

    多文件上传方法

    1. @RequestMapping("/uploads")
    2.     public String uploads(HttpServletRequest req, Clazz clazz, MultipartFile[] files){
    3.         try {
    4.             StringBuffer sb = new StringBuffer();
    5.             for (MultipartFile cfile : files) {
    6.                 //思路：
    7.                 //1) 将上传图片保存到服务器中的指定位置
    8.                 String dir = PropertiesUtil.getValue("dir");
    9.                 String server = PropertiesUtil.getValue("server");
    10.                 String filename = cfile.getOriginalFilename();
    11.                 FileUtils.copyInputStreamToFile(cfile.getInputStream(),new File(dir+filename));
    12.                 sb.append(filename).append(",");
    13.             }
    14.             System.out.println(sb.toString());
    15.  
    16.         } catch (Exception e) {
    17.             e.printStackTrace();
    18.         }
    19.         return "redirect:list";
    20.     }

     测试多文件上传

     这是模拟多文件上传到本地路径，在本地路径的文件夹中会显示该图片。（未进行数据库操作），可根据自己的项目需求进行修改运用，例如在商品的多张图片、药品批量入库等等上。

     四、扩展（jrebel插件运用）

    安装插件

    打开代理服务器

    代理服务器放在上传资源中了。注意先启动代理服务器再运用jrebel实现项目运行。

    jrebel启动项目

     后续注意事项

     本期博客分享到这，希望老铁能够三连一波。

  • 相关阅读:
    最长公共子串
    Java函数式编程
    F - New Year Snowmen
    2023年09月编程语言流行度排名
    【JS】typeof和instanceof的区别是什么？
    数据结构实验
    Leetcode_729_我的日程安排表1_线段树/思维
    Spring Boot+微信小程序_保存微信登录者的个人信息
    剑指 Offer II 031. 最近最少使用缓存
    DT Paint Effects工具（一）
  • 原文地址：https://blog.csdn.net/weixin_74352229/article/details/132776866