SpringMvc--文件上传下载

一.什么是SpringMvc文件上传下载

二.文件上传

编写hpjyController类

编写upload.jsp

建立一个储存图片的文件夹

​编辑

编写PageController来处理页面跳转

编写工具类PropertiesUtil

编写resource.properties类

编写list.jsp

测试结果

三.文件下载

编写hpjyController类

编写list.jsp

测试结果

四.jrebel&多文件上传

下载JRebel插件

下载好后重启idear

​编辑下载好后要先打开代理ReverseProxy_windows_amd64.exe(顺序不能错)

jrebel项目启动

注册jrebel

测试结果

设置离线状态

[​编辑 多文件上传](#编辑 多文件上传)

编写hpjyController类

编写upload.jsp

测试结果


一.什么是SpringMvc文件上传下载

Spring MVC是一个基于Java的MVC(Model-View-Controller)框架,用于构建Web应用程序。文件上传下载是指在Web应用中将文件从客户端上传到服务器或从服务器下载到客户端的过程。

在Spring MVC中,文件上传下载可以通过以下几个步骤完成:

文件上传:

  1. 在表单中设置enctype为"multipart/form-data",以支持文件上传。
  2. 使用MultipartFile接口作为Controller方法的参数,用于接收上传的文件。
  3. 使用MultipartResolver来解析并处理上传的文件。

文件下载:

  1. 设置正确的响应头信息,包括文件类型(Content-Type)和文件名(Content-Disposition)。
  2. 将文件内容写入响应体中,以便客户端可以下载。

Spring MVC提供了许多方便的工具和类来简化文件上传下载的过程,例如MultipartFile、MultipartResolver、ResponseEntity等。您可以根据具体的需求,结合这些功能进行文件上传下载的实现。

二.文件上传

编写hpjyController类

java 复制代码
package com.xy.web;

import com.xy.biz.hpjyBiz;
import com.xy.model.hpjy;
import com.xy.utils.PageBean;
import com.xy.utils.PropertiesUtil;
import org.apache.commons.io.FileUtils;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.stereotype.Controller;
import org.springframework.web.bind.annotation.GetMapping;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.multipart.MultipartFile;

import javax.servlet.http.HttpServletRequest;
import java.io.File;
import java.io.IOException;
import java.util.List;

/**
 * @author bing人
 * @site
 * @company xy集团
 * @create 2023-09-08 19:13
 */
@Controller
@RequestMapping("/hpjy")
public class hpjyController {
    @Autowired
    private hpjyBiz hpjyBiz;
    //增
    @RequestMapping("/add")
    public  String add(hpjy hpjy){
        int i = hpjyBiz.insertSelective(hpjy);
        return  "redirect:list";
    }
    //删
    @RequestMapping("/del")
    public  String del(hpjy hpjy){
        hpjyBiz.deleteByPrimaryKey(hpjy.getId());
        return "redirect:list";
    }
    //改
    @RequestMapping("/edit")
    public String  edit(hpjy hpjy){
        hpjyBiz.updateByPrimaryKeySelective(hpjy);
        return "redirect:list";
    }

    //文件上传
    @RequestMapping("/upload")
    public String upload(hpjy hpjy,MultipartFile xxx){
        try {
        //后端可以直接利用MultipartFile类,接收前端传递到后台的文件
        //将文件转成流,然后写入服务器(某一个硬盘)
        //上传的图片真实存放地址
        String dir= PropertiesUtil.getValue("dir");
        //网络访问地址
        String server= PropertiesUtil.getValue("server");
        String filename = xxx.getOriginalFilename();
        System.out.println("文件名:"+filename);
        System.out.println("文件类别:"+xxx.getContentType());
        FileUtils.copyInputStreamToFile(xxx.getInputStream(),new File(dir+filename));
     hpjy.setImage(server+filename);
     hpjyBiz.updateByPrimaryKeySelective(hpjy);
        } catch (IOException e) {
            e.printStackTrace();
        }
        return "redirect:list";
    }


    //查
    @RequestMapping("/list")
    public  String list(hpjy hpjy, HttpServletRequest request){
        PageBean pageBean =new PageBean();
        pageBean.setRequest(request);
        List<hpjy> hpjies = hpjyBiz.listPager(hpjy, pageBean);
        request.setAttribute("lst",hpjies);
        request.setAttribute("pageBean",pageBean);
        return "hpjy/list";
    }
    //数据回显
    @RequestMapping("/presave")
    public String presave(hpjy hpjy,HttpServletRequest request){
        if(hpjy != null && hpjy.getId() !=null && hpjy.getId() !=0){
            hpjy h = hpjyBiz.selectByPrimaryKey(hpjy.getId());
            request.setAttribute("h",h);
        }
         return "hpjy/edit";
    }
}

编写upload.jsp

java 复制代码
<%--
  Created by IntelliJ IDEA.
  User: 30340
  Date: 2023/9/9
  Time: 14:05
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>枪械logo上传</title>
</head>
<body>
<form action="${ctx}/hpjy/upload" method="post" enctype="multipart/form-data">
    <label>枪械编号:</label><input type="text" name="id" readonly="readonly" value="${param.id}"/><br/>
    <label>枪械图片:</label><input type="file" name="xxx"/><br/>
    <input type="submit" value="上传图片"/>
</form>
</body>
</html>

建立一个储存图片的文件夹

编写PageController来处理页面跳转

java 复制代码
package com.xy.web;

import org.springframework.stereotype.Controller;
import org.springframework.web.bind.annotation.PathVariable;
import org.springframework.web.bind.annotation.RequestMapping;

/**
 * @author bing人
 * @site
 * @company xy集团
 * @create 2023-09-07 14:53
 */
//专门用来处理页面跳转
@Controller
public class PageController {
    @RequestMapping("/page/{page}")
    public  String toPage(@PathVariable("page") String page){
        return page;
    }

    @RequestMapping("/page/{Dir}/{page}")
    public  String toDirPage(@PathVariable("Dir") String dir,
                             @PathVariable("page") String page){
        return dir + "/" + page;
    }


    }

编写工具类PropertiesUtil

java 复制代码
package com.xy.utils;

import java.io.IOException;
import java.io.InputStream;
import java.util.Properties;

public class PropertiesUtil {
	public static String getValue(String key) throws IOException {
		Properties p = new Properties();
		InputStream in = PropertiesUtil.class.getResourceAsStream("/resource.properties");
		p.load(in);
		return p.getProperty(key);
	}
	
}

编写resource.properties类

编写list.jsp

java 复制代码
<%@ page language="java" contentType="text/html; charset=UTF-8"
         pageEncoding="UTF-8"%>
<%@ taglib uri="http://jsp.veryedu.cn" prefix="z"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <link
            href="https://cdn.bootcdn.net/ajax/libs/twitter-bootstrap/4.5.0/css/bootstrap.css"
            rel="stylesheet">
    <script
            src="https://cdn.bootcdn.net/ajax/libs/twitter-bootstrap/4.5.0/js/bootstrap.js"></script>
    <title>博客列表</title>
    <style type="text/css">
        .page-item input {
            padding: 0;
            width: 40px;
            height: 100%;
            text-align: center;
            margin: 0 6px;
        }

        .page-item input, .page-item b {
            line-height: 38px;
            float: left;
            font-weight: 400;
        }

        .page-item.go-input {
            margin: 0 10px;
        }
    </style>
</head>
<body>
<form class="form-inline"
      action="${pageContext.request.contextPath }/hpjy/list" method="get">
    <div class="form-group mb-2">
        <input type="text" class="form-control-plaintext" name="name"
               placeholder="请输入枪械名称">
        <!-- 			<input name="rows" value="20" type="hidden"> -->
        <!-- 不想分页 -->
        <%--<input name="pagination" value="false" type="hidden">--%>
    </div>
    <button type="submit" class="btn btn-primary mb-2">查询</button>
    <a class="btn btn-primary mb-2" href="${pageContext.request.contextPath }/hpjy/presave">新增</a>
</form>

<table class="table table-striped bg-success">
    <thead>
    <tr>
        <th scope="col">枪械编号</th>
        <th scope="col">枪械名称</th>
        <th scope="col">枪械属性</th>
        <th scope="col">图片logo</th>
        <th scope="col">操作</th>
    </tr>
    </thead>
    <tbody>
    <c:forEach  var="b" items="${lst }">
        <tr>
            <td>${b.id }</td>
            <td>${b.name }</td>
            <td>${b.type }</td>
            <td>
              <img src="${b.image}" style="height: 100px;width: 60px;">
            </td>
            <td>
                <a href="${pageContext.request.contextPath }/hpjy/presave?id=${b.id}">修改</a>
                <a href="${pageContext.request.contextPath }/hpjy/del?id=${b.id}">删除</a>
                <a href="${pageContext.request.contextPath }/page/hpjy/upload?id=${b.id}">图片上传</a>
            </td>
        </tr>
    </c:forEach>
    </tbody>
</table>
<!-- 这一行代码就相当于前面分页需求前端的几十行了 -->
<z:page pageBean="${pageBean }"></z:page>
${pageBean }
</body>
</html>

测试结果

三.文件下载

编写hpjyController类

java 复制代码
package com.xy.web;

import com.xy.biz.hpjyBiz;
import com.xy.model.hpjy;
import com.xy.utils.PageBean;
import com.xy.utils.PropertiesUtil;
import org.apache.commons.io.FileUtils;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.http.HttpHeaders;
import org.springframework.http.HttpStatus;
import org.springframework.http.MediaType;
import org.springframework.http.ResponseEntity;
import org.springframework.stereotype.Controller;
import org.springframework.web.bind.annotation.GetMapping;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.multipart.MultipartFile;

import javax.servlet.http.HttpServletRequest;
import java.io.File;
import java.io.IOException;
import java.util.List;

/**
 * @author bing人
 * @site
 * @company xy集团
 * @create 2023-09-08 19:13
 */
@Controller
@RequestMapping("/hpjy")
public class hpjyController {
    @Autowired
    private hpjyBiz hpjyBiz;
    //增
    @RequestMapping("/add")
    public  String add(hpjy hpjy){
        int i = hpjyBiz.insertSelective(hpjy);
        return  "redirect:list";
    }
    //删
    @RequestMapping("/del")
    public  String del(hpjy hpjy){
        hpjyBiz.deleteByPrimaryKey(hpjy.getId());
        return "redirect:list";
    }
    //改
    @RequestMapping("/edit")
    public String  edit(hpjy hpjy){
        hpjyBiz.updateByPrimaryKeySelective(hpjy);
        return "redirect:list";
    }

    //文件上传
    @RequestMapping("/upload")
    public String upload(hpjy hpjy,MultipartFile xxx){
        try {
        //后端可以直接利用MultipartFile类,接收前端传递到后台的文件
        //将文件转成流,然后写入服务器(某一个硬盘)
        //上传的图片真实存放地址
        String dir= PropertiesUtil.getValue("dir");
        //网络访问地址
        String server= PropertiesUtil.getValue("server");
        String filename = xxx.getOriginalFilename();
        System.out.println("文件名:"+filename);
        System.out.println("文件类别:"+xxx.getContentType());
        FileUtils.copyInputStreamToFile(xxx.getInputStream(),new File(dir+filename));
     hpjy.setImage(server+filename);
     hpjyBiz.updateByPrimaryKeySelective(hpjy);
        } catch (IOException e) {
            e.printStackTrace();
        }
        return "redirect:list";
    }


    //查
    @RequestMapping("/list")
    public  String list(hpjy hpjy, HttpServletRequest request){
        PageBean pageBean =new PageBean();
        pageBean.setRequest(request);
        List<hpjy> hpjies = hpjyBiz.listPager(hpjy, pageBean);
        request.setAttribute("lst",hpjies);
        request.setAttribute("pageBean",pageBean);
        return "hpjy/list";
    }
    //数据回显
    @RequestMapping("/presave")
    public String presave(hpjy hpjy,HttpServletRequest request){
        if(hpjy != null && hpjy.getId() !=null && hpjy.getId() !=0){
            hpjy h = hpjyBiz.selectByPrimaryKey(hpjy.getId());
            request.setAttribute("h",h);
        }
         return "hpjy/edit";
    }

    @RequestMapping(value="/download")
    public ResponseEntity<byte[]> download(hpjy hpjy, HttpServletRequest req){

        try {
            //先根据文件id查询对应图片信息
            hpjy h = this.hpjyBiz.selectByPrimaryKey(hpjy.getId());
            String diskPath = PropertiesUtil.getValue("dir");
            String reqPath = PropertiesUtil.getValue("server");
            String realPath = h.getImage().replace(reqPath,diskPath);
            String fileName = realPath.substring(realPath.lastIndexOf("/")+1);
            //下载关键代码
            File file=new File(realPath);
            HttpHeaders headers = new HttpHeaders();//http头信息
            String downloadFileName = new String(fileName.getBytes("UTF-8"),"iso-8859-1");//设置编码
            headers.setContentDispositionFormData("attachment", downloadFileName);
            headers.setContentType(MediaType.APPLICATION_OCTET_STREAM);
            //MediaType:互联网媒介类型  contentType:具体请求中的媒体类型信息
            return new ResponseEntity<byte[]>(FileUtils.readFileToByteArray(file),headers, HttpStatus.OK);
        }catch (Exception e){
            e.printStackTrace();
        }
        return null;
    }
}

编写list.jsp

java 复制代码
<%@ page language="java" contentType="text/html; charset=UTF-8"
         pageEncoding="UTF-8"%>
<%@ taglib uri="http://jsp.veryedu.cn" prefix="z"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <link
            href="https://cdn.bootcdn.net/ajax/libs/twitter-bootstrap/4.5.0/css/bootstrap.css"
            rel="stylesheet">
    <script
            src="https://cdn.bootcdn.net/ajax/libs/twitter-bootstrap/4.5.0/js/bootstrap.js"></script>
    <title>博客列表</title>
    <style type="text/css">
        .page-item input {
            padding: 0;
            width: 40px;
            height: 100%;
            text-align: center;
            margin: 0 6px;
        }

        .page-item input, .page-item b {
            line-height: 38px;
            float: left;
            font-weight: 400;
        }

        .page-item.go-input {
            margin: 0 10px;
        }
    </style>
</head>
<body>
<form class="form-inline"
      action="${pageContext.request.contextPath }/hpjy/list" method="get">
    <div class="form-group mb-2">
        <input type="text" class="form-control-plaintext" name="name"
               placeholder="请输入枪械名称">
        <!-- 			<input name="rows" value="20" type="hidden"> -->
        <!-- 不想分页 -->
        <%--<input name="pagination" value="false" type="hidden">--%>
    </div>
    <button type="submit" class="btn btn-primary mb-2">查询</button>
    <a class="btn btn-primary mb-2" href="${pageContext.request.contextPath }/hpjy/presave">新增</a>
</form>

<table class="table table-striped bg-success">
    <thead>
    <tr>
        <th scope="col">枪械编号</th>
        <th scope="col">枪械名称</th>
        <th scope="col">枪械属性</th>
        <th scope="col">图片logo</th>
        <th scope="col">操作</th>
    </tr>
    </thead>
    <tbody>
    <c:forEach  var="b" items="${lst }">
        <tr>
            <td>${b.id }</td>
            <td>${b.name }</td>
            <td>${b.type }</td>
            <td>
              <img src="${b.image}" style="height: 100px;width: 60px;">
            </td>
            <td>
                <a href="${pageContext.request.contextPath }/hpjy/presave?id=${b.id}">修改</a>
                <a href="${pageContext.request.contextPath }/hpjy/del?id=${b.id}">删除</a>
                <a href="${pageContext.request.contextPath }/page/hpjy/upload?id=${b.id}">图片上传</a>
                <a href="${pageContext.request.contextPath }/hpjy/download?id=${b.id}">图片下载</a>
            </td>
        </tr>
    </c:forEach>
    </tbody>
</table>
<!-- 这一行代码就相当于前面分页需求前端的几十行了 -->
<z:page pageBean="${pageBean }"></z:page>
${pageBean }
</body>
</html>

测试结果

四.jrebel&多文件上传

下载JRebel插件

下载好后重启idear

下载好后要先打开代理ReverseProxy_windows_amd64.exe(顺序不能错)

jrebel项目启动

注册jrebel

测试结果

(出来了这一行就代表启动成功了)

设置离线状态

(没有离线状态)

离线状态(出先了这两个就是离线状态了)

多文件上传

编写hpjyController类

java 复制代码
package com.xy.web;

import com.xy.biz.hpjyBiz;
import com.xy.model.hpjy;
import com.xy.utils.PageBean;
import com.xy.utils.PropertiesUtil;
import org.apache.commons.io.FileUtils;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.http.HttpHeaders;
import org.springframework.http.HttpStatus;
import org.springframework.http.MediaType;
import org.springframework.http.ResponseEntity;
import org.springframework.stereotype.Controller;
import org.springframework.web.bind.annotation.GetMapping;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.multipart.MultipartFile;

import javax.servlet.http.HttpServletRequest;
import java.io.File;
import java.io.IOException;
import java.util.List;

/**
 * @author bing人
 * @site
 * @company xy集团
 * @create 2023-09-08 19:13
 */
@Controller
@RequestMapping("/hpjy")
public class hpjyController {
    @Autowired
    private hpjyBiz hpjyBiz;
    //增
    @RequestMapping("/add")
    public  String add(hpjy hpjy){
        int i = hpjyBiz.insertSelective(hpjy);
        return  "redirect:list";
    }
    //删
    @RequestMapping("/del")
    public  String del(hpjy hpjy){
        hpjyBiz.deleteByPrimaryKey(hpjy.getId());
        return "redirect:list";
    }
    //改
    @RequestMapping("/edit")
    public String  edit(hpjy hpjy){
        hpjyBiz.updateByPrimaryKeySelective(hpjy);
        return "redirect:list";
    }

    //文件上传
    @RequestMapping("/upload")
    public String upload(hpjy hpjy,MultipartFile xxx){
        try {
        //后端可以直接利用MultipartFile类,接收前端传递到后台的文件
        //将文件转成流,然后写入服务器(某一个硬盘)
        //上传的图片真实存放地址
        String dir= PropertiesUtil.getValue("dir");
        //网络访问地址
        String server= PropertiesUtil.getValue("server");
        String filename = xxx.getOriginalFilename();
        System.out.println("文件名:"+filename);
        System.out.println("文件类别:"+xxx.getContentType());
        FileUtils.copyInputStreamToFile(xxx.getInputStream(),new File(dir+filename));
     hpjy.setImage(server+filename);
     hpjyBiz.updateByPrimaryKeySelective(hpjy);
        } catch (IOException e) {
            e.printStackTrace();
        }
        return "redirect:list";
    }

    //多文件上传
    @RequestMapping("/uploads")
    public String uploads(HttpServletRequest req, hpjy hpjy, MultipartFile[] files){
        try {
            StringBuffer sb = new StringBuffer();
            for (MultipartFile cfile : files) {
                //思路:
                //1) 将上传图片保存到服务器中的指定位置
                String dir = PropertiesUtil.getValue("dir");
                String server = PropertiesUtil.getValue("server");
                String filename = cfile.getOriginalFilename();
                FileUtils.copyInputStreamToFile(cfile.getInputStream(),new File(dir+filename));
                sb.append(filename).append(",");
            }
            System.out.println(sb.toString());

        } catch (Exception e) {
            e.printStackTrace();
        }
        return "redirect:list";
    }

    //查
    @RequestMapping("/list")
    public  String list(hpjy hpjy, HttpServletRequest request){
        PageBean pageBean =new PageBean();
        pageBean.setRequest(request);
        List<hpjy> hpjies = hpjyBiz.listPager(hpjy, pageBean);
        request.setAttribute("lst",hpjies);
        request.setAttribute("pageBean",pageBean);
        System.out.println("jrebel active");
        return "hpjy/list";
    }
    //数据回显
    @RequestMapping("/presave")
    public String presave(hpjy hpjy,HttpServletRequest request){
        if(hpjy != null && hpjy.getId() !=null && hpjy.getId() !=0){
            hpjy h = hpjyBiz.selectByPrimaryKey(hpjy.getId());
            request.setAttribute("h",h);
        }
         return "hpjy/edit";
    }

    @RequestMapping(value="/download")
    public ResponseEntity<byte[]> download(hpjy hpjy, HttpServletRequest req){

        try {
            //先根据文件id查询对应图片信息
            hpjy h = this.hpjyBiz.selectByPrimaryKey(hpjy.getId());
            String diskPath = PropertiesUtil.getValue("dir");
            String reqPath = PropertiesUtil.getValue("server");
            String realPath = h.getImage().replace(reqPath,diskPath);
            String fileName = realPath.substring(realPath.lastIndexOf("/")+1);
            //下载关键代码
            File file=new File(realPath);
            HttpHeaders headers = new HttpHeaders();//http头信息
            String downloadFileName = new String(fileName.getBytes("UTF-8"),"iso-8859-1");//设置编码
            headers.setContentDispositionFormData("attachment", downloadFileName);
            headers.setContentType(MediaType.APPLICATION_OCTET_STREAM);
            //MediaType:互联网媒介类型  contentType:具体请求中的媒体类型信息
            return new ResponseEntity<byte[]>(FileUtils.readFileToByteArray(file),headers, HttpStatus.OK);
        }catch (Exception e){
            e.printStackTrace();
        }
        return null;
    }
}

编写upload.jsp

java 复制代码
<%--
  Created by IntelliJ IDEA.
  User: 30340
  Date: 2023/9/9
  Time: 14:05
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>枪械logo上传</title>
</head>
<body>
<form action="${ctx}/hpjy/upload" method="post" enctype="multipart/form-data">
    <label>枪械编号:</label><input type="text" name="id" readonly="readonly" value="${param.id}"/><br/>
    <label>枪械图片:</label><input type="file" name="xxx"/><br/>
    <input type="submit" value="上传图片"/>
</form>

<form method="post" action="${ctx}/hpjy/uploads" enctype="multipart/form-data">
    <input type="file" name="files" multiple>
    <button type="submit">上传</button>
</form>
</body>
</html>

测试结果

相关推荐
m0_743048444 小时前
Spring MVC练习
java·spring·mvc
小蒜学长6 小时前
校园周边美食探索及分享平台
java·spring boot·后端·spring·apache·美食
Wx-bishekaifayuan8 小时前
PHP动物收容所管理系统-计算机设计毕业源码94164
java·css·spring boot·spring·spring cloud·servlet·php
古城小栈10 小时前
Spring Security 认证流程,长话简说
java·python·spring
wmxz52012 小时前
SpringMVC处理请求流程
java·spring boot·后端·spring·java-ee
tian-ming18 小时前
JavaWeb后端开发案例——苍穹外卖day01
spring boot·spring
xybm160518 小时前
MTSET可溶于DMSO、DMF、THF等有机溶剂,并在水中有轻微的溶解性,91774-25-3
java·spring·eclipse·tomcat·1024程序员节
dream_ready18 小时前
四万字长文SpringBoot、Spring、SpringMVC等相关面试题(注:该篇博客将会持续维护 最新维护时间:2024年11月12日)
java·spring boot·后端·spring·面试·1024程序员节
张铁铁是个小胖子19 小时前
显示微服务间feign调用的日志
java·spring·微服务
Beekeeper&&P...19 小时前
spring中r类是什么
spring·r语言