SpringMvc第四战-【SpringMvc文件上传，下载】

你的名字 2024-03-04 02:54 107阅读 0赞

**目录**

一.SpringMvc文件上传

1.导入依赖（在pom.xml中）

2.配置文件上传解析器（在spring-mvc.xml中）

3.前端标记多功能表单（构建一个jsp界面来操作）

4.将文件写出流，然后写入服务器

5.配置映射地址（硬盘和网络地址的映射）

5.1硬盘路径

5.2服务器路径

编辑

6.在resource包咯构建一个类用于映射

7.效果图形式

二.文件下载

1.编写方法用于图片下载

2.在list.jsp增加一个图片下载的点击事件

3.展示效果图

三..jrebel的使用

1.安装jrebel插件

2.打开代理ReverseProxy\_windows\_amd64.exe（顺序不能错）

3.jrebel启动项目

4.启动时要输入UUID

5.设置jrebel离线（不需要打开打理）

6.再次jrebel启动项目即可运行

四.多文件上传

1.编写用于多文件上传的语句

2.在upload.jsp增加用于多文件上传的from表单

3.运行结果

--------------------

前言：

小编详细的向读者展示了：如在新建一个Maven项目的情况下去搭建一个Springmvc ，mybatis，maven集成然后实现SpringMvc的CRUD,以及对于效果图的展示！本次小编带来的的关于文件的上传以及下载！

## 一.SpringMvc文件上传 ##

### 1.导入依赖（在pom.xml中） ###

<dependency>
        <groupId>commons-fileupload</groupId>
        <artifactId>commons-fileupload</artifactId>
        <version>1.3.3</version>
    </dependency>

### 2.配置文件上传解析器（在spring-mvc.xml中） ###

![c585eba23e59421bb50fbbbe3604eeb4.png][]

### 3.前端标记多功能表单（构建一个jsp界面来操作） ###

<%--
      Created by IntelliJ IDEA.
      User: lzzxq
      Date: 2023/9/9
      Time: 14:26
      To change this template use File | Settings | File Templates.
    --%>
    <%@ page contentType="text/html;charset=UTF-8" language="java" %>
    <html>
    <head>
        <title>书籍头像上传</title>
    </head>
    <body>
      <form action="${pageContext.request.contextPath}/book/upload" method="post" enctype="multipart/form-data">
        <label>书籍编号：</label><input type="text" name="bid" readonly="readonly" value="${param.bid}"/><br/>
        <label>书籍图片：</label><input type="file" name="xxx"/><br/>
        <input type="submit" value="上传图片"/>
    </form>
    
    </body>
    </html>

### 4.将文件写出流，然后写入服务器 ###

后端利用muiltpartFile类，接收前端传递到后端的文件

@RequestMapping("/upload")
        //头像上传
        public     String  upload(Book book,MultipartFile  xxx){
           try {
            //上传的图片存放地址
            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));
               //修改字段名的属性
                book.setBname(server+filename);
                bookBiz.updateByPrimaryKeySelective(book);
            } catch (IOException e) {
                e.printStackTrace();
            }
            return  "redirect:list";
        }

### 5.配置映射地址（硬盘和网络地址的映射） ###

#### 5.1硬盘路径 ####

![11e24dd461784cb195569ec9bb0efc58.png][]

#### 5.2服务器路径 ####

#### ![4783c4d05dc24bf69fedcb6bc9863c66.gif][] ####

### 6.在resource包咯构建一个类用于映射 ###

![7f4a895f13624d5ea000c6c0da4d18f5.png][]

### 7.效果图形式 ###

![25f242fabb744c7aa7848b8afeff0f69.gif][]

## 二.文件下载 ##

### 1.编写方法用于图片下载 ###

//文件下载
        @RequestMapping(value="/download")
        public ResponseEntity<byte[]> download(Book  book, HttpServletRequest req){
            try {
                //先根据文件id查询对应图片信息
                Book  bk=this.bookBiz.selectByPrimaryKey(book.getBid());
                String diskPath = PropertiesUtil.getValue("dir");
                String reqPath = PropertiesUtil.getValue("server");
                String realPath = bk.getBname().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;
        }

### 2.在list.jsp增加一个图片下载的点击事件 ###

### 3.展示效果图 ###

![c8cc37e2f0d542dea9d3e02b96822f6d.gif][]

## 三..jrebel的使用 ##

#### 1.安装jrebel插件 ####

![4facb3c6a1b242bbb29ec9ab3ef22138.png][]

#### 2.打开代理ReverseProxy\_windows\_amd64.exe（顺序不能错） ####

#### 3.jrebel启动项目 ####

![5bf8bb62b95a460990c206aa6930057e.png][]

#### 4.启动时要输入UUID ####

第一行输入： http://127.0.0.1:8888/GUID

其次在浏览器输入

[GUID online erstellen Kostenloses Tool, um global eindeutige Nummern (GUIDs) zu generieren![icon-default.png?t=N7T8][icon-default.png_t_N7T8]https://image.dandelioncloud.cn/pgy_files/images/2024/03/04/f8117c47d7e345468b780c44a5866f24.png][GUID online erstellen Kostenloses Tool_ um global eindeutige Nummern _GUIDs_ zu generieren_icon-default.png_t_N7T8_icon-default.png_t_N7T8_https_www.guidgen.com]

![1d0df867499a4b808cf3d74b39b33c37.png][]

在将GUID赋值GUID到网址前面

#### 5.设置jrebel离线（不需要打开打理） ####

![f2f6349f1e76423eb152016c69a3219b.png][]

#### 6.再次jrebel启动项目即可运行 ####

### 四.多文件上传 ###

#### 1.编写用于多文件上传的语句 ####

//多文件上传
        @RequestMapping("/uploads")
        public String uploads(HttpServletRequest req, Book  book, 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";
        }

#### 2.在upload.jsp增加用于多文件上传的from表单 ####

#### 3.运行结果 ####

![aa8332e019b349f58da065be23c53f4f.gif][]

[c585eba23e59421bb50fbbbe3604eeb4.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/04/f4dd0cc553ae443d92a4d23f8c070b40.png
[11e24dd461784cb195569ec9bb0efc58.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/04/210688a742a74e5a92b09d6be84e2458.png
[4783c4d05dc24bf69fedcb6bc9863c66.gif]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/04/5416a89473c649cab765e7620e6d222c.png
[7f4a895f13624d5ea000c6c0da4d18f5.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/04/857abbeef68b4ce9971eff51295efe48.png
[25f242fabb744c7aa7848b8afeff0f69.gif]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/04/608ae5ac21834a0ebfa3a4d295fea80a.png
[c8cc37e2f0d542dea9d3e02b96822f6d.gif]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/04/570972324ae14fdf96cd7fcfa8d5c99d.png
[4facb3c6a1b242bbb29ec9ab3ef22138.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/04/35c8f98fcd124584876f122df573b6c1.png
[5bf8bb62b95a460990c206aa6930057e.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/04/4366e531b90f4750b90dd44eb2766b41.png
[icon-default.png_t_N7T8]: https://csdnimg.cn/release/blog_editor_html/release2.3.6/ckeditor/plugins/CsdnLink/icons/icon-default.png?t=N7T8
[GUID online erstellen Kostenloses Tool_ um global eindeutige Nummern _GUIDs_ zu generieren_icon-default.png_t_N7T8_icon-default.png_t_N7T8_https_www.guidgen.com]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/04/f8117c47d7e345468b780c44a5866f24.png
[1d0df867499a4b808cf3d74b39b33c37.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/04/284fb2d4e2bd444a826b51a670024084.png
[f2f6349f1e76423eb152016c69a3219b.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/04/1baf2802ae0e46049237391a125e680e.png
[aa8332e019b349f58da065be23c53f4f.gif]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/04/d83b4403d327452998a8ca5bef704f88.png