基于SpringBoot实现SpringMvc上传下载功能实现

已于 2024-09-13 21:54:32 修改
阅读量392 收藏 6
点赞数 13
分类专栏： springMvc 文章标签： java 服务器 前端 后端 spring boot spring idea
于 2024-09-13 21:53:50 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/2301_76862031/article/details/142210201
版权

SpringMvc上传下载功能实现

1.创建新的项目

1）项目信息填写

  1. Spring Initializr (单击选中)
  2. Name(填写项目名字)
  3. Language（选择开发语言）
  4. Type（选择工具Maven）
  5. Group（）
  6. JDK（jdk选择17 ）
  7. Next(下一步)

2）选择所用的包

  1. Springboot (选择SpringBoot版本)
  2. 输入(web)
  3. 选择Spring Web
  4. 选择Thymeleaf
  5. create

3）创建controller包 

4）创建DownLoadController类

package com.xiji.springdemo01.controller;

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

@Controller
public class DownLoadController {
   

    @RequestMapping("/")
    public String index(){
        return "index";
    }


}

5）创建UpLoadController类

package com.xiji.springdemo01.controller;

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

/**
 * 文件上传功能
 */
@Controller
public class UpLoadController {

    

    @RequestMapping("/up")
    public String uploadPage(){
        return "upload";
    }
}

在resources文件的static创建img文件夹===》导入图片

打开templates文件夹

6）创建index.html

<!DOCTYPE html>
<html lang="zh">
<head>
  <meta charset="UTF-8">
  <title>精美主页面</title>
  <style>
    /* styles.css */
    body {
      font-family: Arial, sans-serif;
      margin: 0;
      padding: 0;
      background-color: #f4f4f4;
    }

    header {
      background-color: #333;
      color: white;
      padding: 10px 0;
      text-align: center;
    }

    nav ul {
      list-style-type: none;
      padding: 0;
    }

    nav ul li {
      display: inline;
      margin-right: 10px;
    }

    nav ul li a {
      color: white;
      text-decoration: none;
    }

    main {
      padding: 20px;
      background-color: white;
      margin: 20px;
    }

    section {
      margin-bottom: 20px;
    }

    footer {
      background-color: #333;
      color: white;
      text-align: center;
      padding: 10px 0;
      position: fixed;
      width: 100%;
      bottom: 0;
    }

  </style>
</head>
<body>
<header>
  <nav>
    <ul>
      <li><a href="#home">首页</a></li>
      <li><a href="#services">服务</a></li>
      <li><a href="#about">关于我们</a></li>
      <li><a href="#contact">联系我们</a></li>
    </ul>
  </nav>
</header>
<main>


  <di style="width: 200px;height: 200px;">
    <a th:href="@{/download}">文件下载</a>
  </di>

</main>
<footer>
  <p>版权所有 © 2023 我们的公司</p>
</footer>
</body>
</html>

注:<a th:href="@{/download}">文件下载</a> 这个路径对应的是后端的下载接口

7）创建upload.html

<!DOCTYPE html>
<html lang="zh-CN" >
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>文件上传</title>
  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css">
  <style>
    body {
      font-family: 'Arial', sans-serif;
      background-color: #f4f4f9;
      margin: 0;
      padding: 0;
    }
    .container {
      max-width: 600px;
      margin: 50px auto;
      padding: 20px;
      background-color: #fff;
      border-radius: 10px;
      box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    }
    h1 {
      text-align: center;
      color: #333;
    }
    .form-group {
      margin-bottom: 20px;
    }
    .btn-primary {
      width: 100%;
    }
    .custom-file-input ~ .custom-file-label {
      background-color: #e9ecef;
      border-color: #ced4da;
    }
    .custom-file-input:focus ~ .custom-file-label {
      border-color: #80bdff;
      box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
    }
  </style>
</head>
<body>
<div class="container">
  <h1>文件上传</h1>
  <form id="uploadForm" method="post" action="http://127.0.0.1:8080/upload" enctype="multipart/form-data">
    <div class="form-group">
      <label for="fileInput">选择文件:</label>
      <input type="file" class="form-control-file" id="fileInput" name="fileInput">
    </div>
    <button type="submit" class="btn btn-primary">上传文件</button>
  </form>
</div>

<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script>
<script>

</script>
</body>
</html>j

注：<input type="file" class="form-control-file" id="fileInput" name="fileInput">

                                                                                        name值与接口值一致

解释

  1. form 元素创建了一个表单，其属性包括：
    1.  id 设置为 "uploadForm"，可以在JavaScript中引用此表单。
    2. method 设置为 "post"，表示数据将通过POST方法提交到服务器。
    3. action 指定了接收上传文件的服务器端脚本地址。
    4. enctype 设置为 "multipart/form-data"，这是必须的，因为它允许表单发送二进制文件数据（如图片或文档）。       
  2. input 类型为 "file"，允许用户从本地文件系统选择一个或多个文件进行上传。
  3. 最后，一个带有类 "btn btn-primary" 的按钮用于提交表单。

2.实现上传功能

1）关键代码

/**
 * 通过MultipartFile实现上传
 */
@RequestMapping("/upload")
@ResponseBody
public String upload(MultipartFile fileInput) throws IOException {


    PathMatchingResourcePatternResolver resolver = new PathMatchingResourcePatternResolver();

    //获取上传文件夹的路径资源
    Resource resource = resolver.getResource("classpath:static/img/");
    //获取文件夹真实路径
    String path = resource.getFile().getPath();
    //路径拼接
    String filePath = path + File.separator + fileInput.getOriginalFilename();
    //通过transferTo()方法返回给前端
    fileInput.transferTo(new File(filePath));
    return "上传成功";

}

2）详情解释

  • 注解说明:
    •  @RequestMapping("/upload"): 定义了处理 HTTP 请求的 URL 映射。
    • @ResponseBody: 表示该方法返回的内容将直接作为 HTTP 响应体返回给客户端。
  • 接收上传文件:
    • MultipartFile fileInput: 用于接收上传的文件。
  • 获取文件夹路径:
    • PathMatchingResourcePatternResolver resolver: 用于解析文件资源路径。
    • resolver.getResource("classpath:static/img/"): 获取指定路径下的文件夹资源。
    • String path = resource.getFile().getPath();: 获取文件夹的真实路径。
  • 拼接文件路径:
    • String filePath = path + File.separator + fileInput.getOriginalFilename();: 拼接完整的文件路径。
  • 保存文件:
    • fileInput.transferTo(new File(filePath));: 将上传的文件保存到指定路径。
  • 返回结果:
    • return "上传成功";: 返回上传成功的消息。

3）功能测试

打开 http://127.0.0.1:8080/up

http://127.0.0.1:8080/up

任选一张图片

打开idea ===> target ==> classes ===> static ==> img ==>看到已经成功上传到服务器

可以看到已经上传成功了

       

3.文件下载功能实现

1）关键代码

/**
 *
 * 通过PathMatchingResourcePatternResolver + ResponseEntity 下载文件
 */
@RequestMapping("/download")
@ResponseBody
public ResponseEntity<byte[]> download() throws IOException {
    //获取文件地址
    PathMatchingResourcePatternResolver resolver = new PathMatchingResourcePatternResolver();
    Resource resource = resolver.getResource("static/img/1.png");
                        ​​​​​​​        ​​​​​​​        ​​​​​​​        // 1.png修改为你导入的图片名称
    //获取文件
    File file = resource.getFile();


    //获取文件流
    FileInputStream fileInputStream = new FileInputStream(file);
    //创建每次读取的字节数为文件本身大小
    byte[] bytes = new byte[fileInputStream.available()];
    //相当于把文件流 输入到  bytes 字节数组中
    fileInputStream.read(bytes);

    //设置下载方式
    HttpHeaders httpHeaders = new HttpHeaders();
    httpHeaders.add("Content-Disposition", "attachment; filename=" + file.getName());
    //状态码设置
    HttpStatus ok = HttpStatus.OK;

   //创建ResponseEntity返回给前端

    ResponseEntity<byte[]> responseEntity = new ResponseEntity<>(bytes, httpHeaders, ok);


    return responseEntity;
}

2）详细解释

  • 注解说明:
    •  @RequestMapping("/download"): 定义了处理 HTTP 请求的 URL 映射。
    • @ResponseBody: 表示该方法返回的内容将直接作为 HTTP 响应体返回给客户端。
  • 文件资源解析:
    • PathMatchingResourcePatternResolver: 用于解析文件资源路径。
    •  getResource("static/img/1.png"): 获取指定路径下的文件资源。
  • 文件对象获取:
    • File file = resource.getFile();: 将资源转换为 File 对象。
  • 设置响应头:
    •  HttpHeaders httpHeaders: 创建响应头对象。
    •  httpHeaders.add("Content-Disposition", "attachment; filename=" + file.getName()): 设置响应头，指定文件以附件形式下载，并设置文件名。
  • 状态码设置:
    • HttpStatus ok = HttpStatus.OK: 设置 HTTP 状态码为 200 OK。
  • 读取文件内容:
    •  FileInputStream fileInputStream = new FileInputStream(file);: 创建文件输入流。
    • byte[] bytes = new byte[fileInputStream.available()];: 创建字节数组。
    •  fileInputStream.read(bytes);: 读取文件内容到字节数组中。
  • 创建响应实体:
    •  ResponseEntity<byte[]> responseEntity = new ResponseEntity<>(bytes, httpHeaders, ok);:
    • 创建 ResponseEntity 对象，包含文件内容、响应头和状态码。
  • 返回响应:
    • return responseEntity;: 返回响应实体。

3）功能测试

打开网址 打开网址打开网址  http://127.0.0.1:8080/打开网址 



        
       

可以看到我们已经下载成功了

4.附:

1）完整的DownLoadController 类代码

package com.xiji.springdemo01.controller;

import org.springframework.core.io.Resource;
import org.springframework.core.io.support.PathMatchingResourcePatternResolver;
import org.springframework.http.HttpHeaders;
import org.springframework.http.HttpStatus;
import org.springframework.http.ResponseEntity;
import org.springframework.stereotype.Controller;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.ResponseBody;

import java.io.File;
import java.io.FileInputStream;
import java.io.IOException;

@Controller
public class DownLoadController {
    /**
     *
     * 通过PathMatchingResourcePatternResolver + ResponseEntity 下载文件
     */
    @RequestMapping("/download")
    @ResponseBody
    public ResponseEntity<byte[]> download() throws IOException {
        //获取文件地址
        PathMatchingResourcePatternResolver resolver = new PathMatchingResourcePatternResolver();
        Resource resource = resolver.getResource("static/img/1.png");

        //获取文件
        File file = resource.getFile();


        //获取文件流
        FileInputStream fileInputStream = new FileInputStream(file);
        //创建每次读取的字节数为文件本身大小
        byte[] bytes = new byte[fileInputStream.available()];
        //相当于把文件流 输入到  bytes 字节数组中
        fileInputStream.read(bytes);

        //设置下载方式
        HttpHeaders httpHeaders = new HttpHeaders();
        httpHeaders.add("Content-Disposition", "attachment; filename=" + file.getName());
        //状态码设置
        HttpStatus ok = HttpStatus.OK;


        ResponseEntity<byte[]> responseEntity = new ResponseEntity<>(bytes, httpHeaders, ok);


        return responseEntity;
    }



    @RequestMapping("/")
    public String index(){
        return "index";
    }


}

2）完整的UpLoadController 代码

package com.xiji.springdemo01.controller;

import org.springframework.context.support.ClassPathXmlApplicationContext;
import org.springframework.core.io.Resource;
import org.springframework.core.io.support.PathMatchingResourcePatternResolver;
import org.springframework.stereotype.Controller;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.ResponseBody;
import org.springframework.web.multipart.MultipartFile;

import java.io.File;
import java.io.IOException;

/**
 * 文件上传功能
 */
@Controller
public class UpLoadController {

    /**
     * 通过MultipartFile实现上传
     */
    @RequestMapping("/upload")
    @ResponseBody
    public String upload(MultipartFile fileInput) throws IOException {


        PathMatchingResourcePatternResolver resolver = new PathMatchingResourcePatternResolver();

        Resource resource = resolver.getResource("classpath:static/img/");

        String path = resource.getFile().getPath();
        //路径拼接
        String filePath = path + File.separator + fileInput.getOriginalFilename();
        fileInput.transferTo(new File(filePath));
        return "上传成功";

    }

    @RequestMapping("/up")
    public String uploadPage(){
        return "upload";
    }
}



        

       
       



        

       
        
       

                

        

惜.己
关注
专栏目录
SpringBoot整合SpringMVC
lhhpentakill的博客
03-12 3523
一、springMVC的初始化和流程
SpringBoot和SpringMVC
m0_69468924的博客
02-07 2614
SpringBoot和SpringMVC
springboot简单实现文件上传与下载
云启海的博客
11-22 544
boot文件上传与下载的回顾
基于SPRINGBOOT实现文件的上传下载
weixin_52041354的博客
08-16 1012
该说不说，最近这块好像挻火的，今天早上又有网友加我微信，也是想了解一下这块的技术和方案，也不知道这位老哥是从哪里找到的我的微信号，虽然在网上已经公开了，但是很多人还是找不到。 昨天晚上论坛里一位网友发私信给我，咨询了这个问题，他最近想了解和学习大附件上传下载的相关技术，他也是刚开始学习和接触这一块，对很多方面都不是太了解，我先花了1个小时左右的时间先给他讲解了一下基础知识，技术原理，又花了一个小时的时间帮他安装开发环境，主要就是安装开发工具和配置环境，由于在百度上面找到的很多开发工具有问题，有的不能安装，有
基于Springboot实现在线考试管理系统
BS009的博客
06-06 3782
后台开发技术：Springboot+mybatis+springmvc 前台开发技术：Jquery+Bootstrap 本项目基于Springboot开发实现一套在线考试及试题管理系统。基本上完成了在线考试系统所需要的相应基本功能。系统基本功能完整，有部分小功能未实现，基本上完成从出题到组卷再到考试以及批改试卷成绩的全过程。另外界面设计美观大方，操作方便，交互性好，这是本项目的优势。比较适合做毕业设计使用。 系统共分三个角色： 管理员：可以管理学生信息、教师信息、考试信息、课程信...
javaweb课设基于SpringBoot+SpringMVC+Mybatis实现的手机销售后台管理系统源码.zip
09-21
javaweb课设基于SpringBoot+SpringMVC+Mybatis实现的手机销售后台管理系统源码.zipjavaweb课设基于SpringBoot+SpringMVC+Mybatis实现的手机销售后台管理系统源码.zipjavaweb课设基于SpringBoot+SpringMVC+Mybatis...
基于SpringBoot和SpringMVC实现的智慧化教学辅助系统源码+sql数据库+课设报告(仅供参考).zip
06-19
基于SpringBoot和SpringMVC实现的智慧化教学辅助系统源码+sql数据库+课设报告(仅供参考).zip基于SpringBoot和SpringMVC实现的智慧化教学辅助系统源码+sql数据库+课设报告(仅供参考).zip基于SpringBoot和SpringMVC...
基于springboot+springMVC的旅游网购物商城源码(带sql).zip
08-26
基于springboot+springMVC的旅游网购物商城源码(带sql).zip 基于springboot+springMVC的旅游网购物商城源码(带sql).zip 基于springboot+springMVC的旅游网购物商城源码(带sql).zip 【备注】 1、该资源内项目代码都是...
基于springboot+SpringMVC的云笔记系统毕设源码（高分期末大作业）.zip
12-05
基于springboot+SpringMVC的云笔记系统毕设源码（高分期末大作业）.zip 毕设介绍： 前端使用html以及一些框架 bootstrap等 后端使用Spring Spring MVC Mybatis 主要针对计算机相关专业的正在做毕设的学生和需要项目...
基于springboot+springmvc+mybatis-plus的微信小程序美容预约平台源码(前后台).zip
08-31
基于springboot+springmvc+mybatis-plus的微信小程序美容预约平台源码(前后台).zip 简介 本小程序是一个在线的美容预约平台。其主要服务类型为：美甲，美容，美发，美睫。用户可以通过该平台进行相关服务的预约。 ...
spring事务详细讲解-深入浅出
小电玩
09-08 492
Spring 事务是本身就是对数据库的事务的支持，没有数据库的事务 Spring 是本身无法实现事务的。Spring只提供了统一事务管理接口，具体的实现还是由各数据库自己实现。在使用 Spring 事务时，可以通过注解或编程方式将需要进行事务管理的方法和代码块标记为事务性操作，当这些操作被执行时，Spring 会负责开启时根据当前环境中设置的隔离级别，调整数据库隔离级别。
Java多线程：深入探索与详细解析
m0_63550220的博客
09-08 1476
作为Java中的基本执行单元，线程是轻量级的进程，由线程ID、程序计数器、Java虚拟机栈、本地方法栈、和线程私有内存等部分组成。每个线程都有独立的执行路径，但共享进程的资源（如内存）。：进程是系统资源分配的基本单位，它包含了一个或多个线程以及这些线程运行所需的资源。在Java中，JVM（Java虚拟机）就是一个进程，而运行在JVM上的多个线程则共享JVM的内存空间。：并发指的是多个任务在同一时间段内交替执行，而并行则指的是多个任务在同一时刻真正同时执行。
Java集合：Stack详解
最新发布
yang_brother的博客
09-10 546
Java 中的Stack类是一个后进先出（LIFO, Last In First Out）的数据结构，它继承自Vector类。尽管Stack是一个可用的类，但它被认为是遗留的，并且在新代码中不推荐使用。通常建议使用Deque或ArrayDeque作为替代。
基于SpringBoot的旅游管理系统
heye0910032的博客
09-08 466
随着科技的发展，旅游管理系统的信息化成为提升旅游服务效率的关键。本系统采用JSP技术和SpringBoot框架，结合MySQL数据库，旨在实现一个功能全面、操作简便、安全可靠的旅游管理平台。系统通过需求分析、系统设计、功能实现和测试，确保了良好的用户体验和数据处理能力，为旅游业务的现代化管理提供了强有力的技术支持。本研究成功开发了一个基于SpringBoot的旅游管理系统，该系统通过集成多种旅游管理功能，显著提高了旅游服务的效率和质量。系统的用户友好界面和强大的后端功能，使得管理员和用户都能从中受益。
自定义Stater
m0_63624484的博客
09-07 727
我们平时在导入依赖的时候，大部分导入的都是xxx-spring-boot-stater。那是因为它们都基于spring的规则将写好的框架定义成一个stater，这样方便springboot引用它们写好的功能。那我们为什么也要自定义stater呢？
币安/OK现货合约量化系统APP开发
I592O929783的博客
09-08 577
后端：考虑系统需要处理大量实时数据和高频交易的特点，选择高性能的编程语言和技术框架，如Python的Django或Flask框架，Java的Spring Boot等。用户交互界面：设计直观易用的用户交互界面，包括交易界面、策略配置界面、风险管理界面等，方便用户进行交易操作、策略配置和风险管理。市场数据接入：开发市场数据接入模块，从币安等交易所或数据服务商获取实时的市场数据，包括行情数据、订单簿数据、成交数据等。前端：选择适合开发复杂界面的前端框架，如React、Vue.js等，以提供用户友好的交互界面。
MyBatis面试
Tony_yitao的博客
09-09 738
MyBatis面试
Linux服务器Java启动脚本
Jack魏
09-08 558
本文章介绍了如何在Linux服务器上执行Java并启动jar包，通常我们会使用nohup直接启动，但是还是需要手动停止然后再次启动，那如何更优雅的在服务器上启动jar包呢，让我们一起探讨一下吧。
springboot数据库连接由localhost改成IP以后访问报错500（2024/9/7
不起眼小菜菜的博客
09-07 339
步骤很详细，直接上教程……
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值