• SpringMVC之文件上传下载

    SpringMVC是一个基于Java的Web框架，它提供了一套用于构建Web应用程序的开发模型。在SpringMVC中，文件上传和下载是常见的功能之一。

    SpringMVC文件上传和下载的介绍：

    介绍文件上传：
    1. 在SpringMVC中，文件上传功能可以通过使用CommonsMultipartResolver解析器来实现。这个解析器需要在Spring配置文件中进行配置。
    2. 在表单中添加一个标签，并设置对应的表单属性和控制器方法参数。
    3. 在控制器方法中，使用MultipartFile对象来接收上传的文件。可以通过该对象获取文件名、大小、内容等信息。
    4. 处理上传的文件，可以将文件保存到本地磁盘或者存储到数据库中，具体操作根据业务需求来决定。
    介绍文件下载：
    1. 在SpringMVC中，文件下载可以通过在控制器方法中设置响应头和输出流来实现。
    2. 在控制器方法中，设置响应头Content-Disposition为attachment; filename=xxx，其中filename指定要下载的文件名。
    3. 使用OutputStream将文件内容写入响应流，实现文件下载。
    4. 可以根据需要对下载文件进行权限验证、文件类型限制等处理。

    需要注意的是，文件上传和下载可能涉及到安全性考虑，比如文件大小限制、文件类型检查、防止文件覆盖等，开发者需要根据实际情况添加相应的处理逻辑。

    希望这个简要介绍能对你有所帮助！如果还有其他问题，请继续提问。

    文件上传

    依赖
    1.  
    2. <dependency>
    3.     <groupId>commons-fileupload</groupId>
    4.     <artifactId>commons-fileupload</artifactId>
    5.     <version>1.3.3</version>
    6. </dependency>
    文件上传解析器

    根据上章进行改变在我们的spring-mvc.xml中增加以下配置

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

    完成后配置服务器存放文件地址，服务器我们可以创造一个包代替

    PropertiesUtil
    1. package utils;
    2.  
    3. import java.io.IOException;
    4. import java.io.InputStream;
    5. import java.util.Properties;
    6.  
    7. public class PropertiesUtil {
    8. 	public static String getValue(String key) throws IOException {
    9. 		Properties p = new Properties();
    10. 		InputStream in = PropertiesUtil.class.getResourceAsStream("/resource.properties");
    11. 		p.load(in);
    12. 		return p.getProperty(key);
    13. 	}
    14. 	
    15. }
    resource.properties

    创造resource.properties

    1. dir=D:/temp/upload/
    2. server=/upload/
    sql 
    1. <select id="listPager" resultType="com.zhanghao.model.Music" parameterType="com.zhanghao.model.Music" >
    2.     select
    3.     *
    4.     from jay_music
    5.     <where>
    6.       <if test="mname != null">
    7.         and mname like concat('%',#{mname},'%')
    8.       </if>
    9.     </where>
    10.   </select>

    在他自动生成中的时候在mapper类中增加：

    List listPager(Music music);
    PageController
    1. package com.zhanghao.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 zhanghao
    9.  * @site 
    10.  * @company s集团
    11.  * @create 2023-09-08-15:01
    12.  *
    13.  * 用来处理页面跳转
    14.  */
    15. @Controller
    16. public class PageController {
    17.  
    18.     //新增   新增界面
    19.     @RequestMapping("/page/{page}")
    20.     public String toPage(@PathVariable("page") String page){
    21.         return page;
    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.  
    30. }
    主页
    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. <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
    6. <html>
    7. <head>
    8.     <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    9.     <link
    10.             href="https://cdn.bootcdn.net/ajax/libs/twitter-bootstrap/4.5.0/css/bootstrap.css"
    11.             rel="stylesheet">
    12.     <script
    13.             src="https://cdn.bootcdn.net/ajax/libs/twitter-bootstrap/4.5.0/js/bootstrap.js"></script>
    14.     <title>JayChouxs 学生列表</title>
    15.     <style type="text/css">
    16.         .page-item input {
    17.             padding: 0;
    18.             width: 40px;
    19.             height: 100%;
    20.             text-align: center;
    21.             margin: 0 6px;
    22.         }
    23.  
    24.         .page-item input, .page-item b {
    25.             line-height: 38px;
    26.             float: left;
    27.             font-weight: 400;
    28.         }
    29.  
    30.         .page-item.go-input {
    31.             margin: 0 10px;
    32.         }
    33.     </style>
    34. </head>
    35. <body>
    36. <form class="form-inline"
    37.       action="${pageContext.request.contextPath }/mic/list" method="post">
    38.     <div class="form-group mb-2">
    39.         <input type="text" class="form-control-plaintext" name="mname"
    40.                placeholder="请输入学生名称">
    41.         <!-- 			<input name="rows" value="20" type="hidden"> -->
    42.         <!-- 不想分页 -->
    43. <%--        <input name="pagination" value="false" type="hidden">--%>
    44.     </div>
    45.     <button type="submit" class="btn btn-primary mb-2">查询</button>
    46.     <a class="btn btn-primary mb-2" href="${pageContext.request.contextPath }/mic/preSave">新增</a>
    47. </form>
    48.  
    49. <table class="table table-striped">
    50.     <thead>
    51.     <tr>
    52.         <th scope="col">学生编号</th>
    53.         <th scope="col">学生名称</th>
    54.         <th scope="col">学生辑</th>
    55.         <th scope="col">学生贡词</th>
    56.         <th scope="col">学生图片</th>
    57.     </tr>
    58.     </thead>
    59.     <tbody>
    60.     <c:forEach  var="b" items="${lst }">
    61.         <tr>
    62.             <td>${b.mid }</td>
    63.             <td>${b.mname }</td>
    64.             <td>${b.mtype }</td>
    65.             <td>${b.minfo }</td>
    66.             <td>
    67.                 <img src="${b.mpic }" style="height: 60px;width: 60px">
    68.             </td>
    69.             <td>
    70.                 <a href="${pageContext.request.contextPath }/mic/preSave?mid=${b.mid}">修改</a>
    71.                 <a href="${pageContext.request.contextPath }/mic/del/${b.mid}">删除</a>
    72.                 <a href="${pageContext.request.contextPath }/page/mic/upload?mid=${b.mid}">图片上传</a>
    73.                 <a href="${pageContext.request.contextPath }/mic/download?mid=${b.mid}">图片下载</a>
    74.             </td>
    75.         </tr>
    76.     </c:forEach>
    77.     </tbody>
    78. </table>
    79. <!-- 这一行代码就相当于前面分页需求前端的几十行了 -->
    80. <z:page pageBean="${pageBean }"></z:page>
    81. ${pageBean }
    82. </body>
    83. </html>
     文件上传

    文件上传指将本地计算机中的文件通过网络传输到服务器的过程。在Web开发中，文件上传是一个常见的功能，常用于用户提交文件、图片、视频等数据，例如在论坛上上传头像、在电商网站上上传商品图片等。常见的文件上传方式有两种：表单提交（form表单上传）和Ajax异步上传。

    表单提交方式是一种传统的文件上传方式。用户通过一个form表单提交相关信息和文件，服务器端收到表单提交后，通过解析表单进行文件上传。该方式的优点是支持大文件上传和浏览器兼容性好，缺点是页面需要刷新提交表单，用户体验有些糟糕。

    Ajax异步上传方式是通过JavaScript将文件传输到服务器端，该方式通过XMLHttpRequest对象实现。Ajax异步上传采用无刷新方式，可以实现较好的用户体验，并且可以方便地显示上传进度和上传结果等信息。缺点是需要同时支持HTML5的FormData对象和Ajax异步上传技术。

    在实现文件上传时，需要注意安全性问题，例如文件上传限制、防止文件包含恶意代码等。服务器端需要对上传的文件进行验证和安全过滤，确保上传的文件不会被用作恶意活动。

    MusicController控制器中增加文件上传的方法

    1. //文件上传
    2.     @RequestMapping("/upload")
    3.     public String upload(Music music,MultipartFile m){
    4.         try {
    5. //      3.后端可以直接利用mutipartFile类，接受前端传递到后台的文件
    6.         //上传的图片真实存放地址
    7.         String dir = PropertiesUtil.getValue("dir");
    8.         //网络访问地址
    9.         String server = PropertiesUtil.getValue("server");
    10.         String fileName = m.getOriginalFilename();
    11.         System.out.println("文件名："+fileName);
    12.         System.out.println("文件类别："+m.getContentType());
    13.         //4.将文件转成流，然后写入服务器（某一个硬盘）
    14.         FileUtils.copyInputStreamToFile(m.getInputStream(),new File(dir+fileName));
    15.         music.setMpic(server+fileName);
    16.         musicBiz.updateByPrimaryKeySelective(music);
    17.         } catch (IOException e) {
    18.             e.printStackTrace();
    19.         }
    20.         return "redirect:list";
    21.     }
    图片上传的操作页面 
    1. <%@ page contentType="text/html;charset=UTF-8" language="java" %>
    2. <html>
    3. <head>
    4.     <title>专辑图片上传</title>
    5. </head>
    6. <body>
    7. <form action="${pageContext.request.contextPath}/mic/upload" method="post" enctype="multipart/form-data">
    8.     <label>歌曲编号：</label><input type="text" name="mid" readonly="readonly" value="${param.mid}"/><br/>
    9.     <label>专辑图片：</label><input type="file" name="m"/><br/>
    10.     <input type="submit" value="上传图片"/>
    11. </form>
    12. <form method="post" action="${pageContext.request.contextPath}/mic/uploads" enctype="multipart/form-data">
    13.     <input type="file" name="files" multiple>
    14.     <button type="submit">上传</button>
    15. </form>
    16. </body>
    17. </html>

    文件下载

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

    jrebel&多文件上传

    多文件上传和普通文件上传是指向Web服务器上传文件时的两种不同方式。

    普通文件上传只支持单个文件上传。用户选择要上传的文件后，需要等待文件上传完毕才能上传下一个文件。这种方法适合上传单个文件，但当需要上传多个文件时，不仅会很麻烦，也会耗费较多的时间。

    而多文件上传可以同时上传多个文件。用户可以在一个窗口中选择多个文件，然后一起上传。在上传多个文件时，用户可以看到已上传和待上传文件的进度。这种方法适合批量上传文件，可以节省用户的时间和精力。

    在实现多文件上传功能时，常见的方法是使用JavaScript和AJAX技术，通过JavaScript获取用户选择的文件，然后使用AJAX将文件发送到服务器端。一些流行的JavaScript库，如jQuery和Bootstrap，也提供了方便的多文件上传插件。

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

  • 相关阅读:
    火山引擎DataTester智能发布：助力产品降低功能迭代风险
    IPEmotion的NVH噪声测试模块——坎贝尔图
    软件外包开发文档
    【Python养成】：案例（设计三维向量类、实现向量的加法、减法以及向量与标量的乘法和除法运算、编写自定义类，模拟内置集、编写自定义类，模拟双端队列。）
    Jetpack架构组件学习(3)——Activity Results API使用
    Smart Copilot：大模型在技术服务和智能客服领域提效的最佳实践
    深度学习（小土堆）
    金融工程学学习笔记第一章
    在 .NET 中使用 OPC UA 协议
    安全漏洞-linux漏洞修复命令
  • 原文地址：https://blog.csdn.net/djssubddbj/article/details/132797710