当前位置：首页 > news >正文

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

news 2025/12/4 1:36:57

SpringMvc上传下载功能实现

1.创建新的项目

1）项目信息填写

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

2）选择所用的包

Springboot (选择SpringBoot版本)
输入(web)
选择Spring Web
选择Thymeleaf
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值与接口值一致

解释

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

SpringMvc上传下载功能实现 1.创建新的项目 1）项目信息填写 Spring Initializr (单击选中)Name(填写项目名字)Language（选择开发语言）Type（选择工具Maven）Group（）JDK（jdk选择17 &…...

编程日记 2024/9/14 11:13:17

vue 控制组件是否显示

在Vue中，控制组件的显示通常使用v-if、v-else-if、v-else或v-show指令。 1.v-if：条件性地渲染元素，如果条件为假，元素甚至不会被渲染到DOM中。 <template><div><MyComponent v-if"showMyComponent" /&…...

编程日记 2024/9/14 11:12:16

生产部门不给力？精益化生产管理咨询公司为您出谋划策

问题背景近年来，许多企业的生产部门面临着各种挑战和困难。生产效率低下、产品质量不稳定、生产成本过高等问题频频出现，给企业的发展带来了困扰。面对这一现状，许多企业开始寻求专业的管理咨询公司的帮助，以期能够通过精益生产…...

编程日记 2024/9/14 11:11:15

HTML+CSS - 网页布局之网格布局

1. dispaly设置 display是 CSS 中用于设置元素的显示方式的属性。它决定了元素如何被渲染到页面上。不同的display值会改变元素的显示行为，包括布局、排版以及对其他元素的影响。其中网格容器是最常用的几种方式之一，在文档中创建类似于网格的效果&…...

编程日记 2024/9/14 11:09:13

基于51单片机的16X16点阵显示屏proteus仿真

地址： https://pan.baidu.com/s/1JQ225NSKweqf1Zlad_f1Mw 提取码：1234 仿真图： 芯片/模块的特点： AT89C52/AT89C51简介： AT89C52/AT89C51是一款经典的8位单片机，是意法半导体（STMicroelectro…...

编程日记 2024/9/14 11:07:11

【目标检测数据集】厨房常见的水果蔬菜调味料数据集4910张39类VOC+YOLO格式

数据集格式：Pascal VOC格式YOLO格式(不包含分割路径的txt文件，仅仅包含jpg图片以及对应的VOC格式xml文件和yolo格式txt文件) 图片数量(jpg文件个数)：4910 标注数量(xml文件个数)：4910 标注数量(txt文件个数)：4910 标注…...

编程日记 2024/9/14 11:06:10

在Python中统计字符串中每个字符出现的次数

在Python中统计字符串中每个字符出现的次数在Python编程中，处理字符串是一个常见的任务。统计字符串中每个字符出现的次数不仅能考察候选人的编程能力，还能展示他们对Python内置数据结构和算法的理解。本文将详细介绍如何编写一个函数来统计字符串中每个字符出现的次数，并…...

编程日记 2024/9/14 11:05:09

关于 vue/cli 脚手架实现项目编译运行的源码解析

1.vue项目运行命令解析在日常开发中，vue 项目通过vue-cli-service脚手架包将项目运行起来，常用的命令例如： npm run serve npm run build 上述执行命令实际一般对应为项目中 package.json 文件的 scripts属性中编写的脚本命令，在…...

编程日记 2024/9/14 11:01:05

C++笔记---继承（上）

1. 继承的简单介绍 1.1 继承的概念继承(inheritance)机制是面向对象程序设计使代码可以复用的最重要的手段，它允许我们在保持原有类特性的基础上进行扩展，增加方法(成员函数)和属性(成员变量)，这样产生新的类，称派生类。继承呈…...

编程日记 2024/9/14 11:00:04

气膜体育馆：为学校打造智能化运动空间—轻空间

随着教育体制的逐步升级，学校在提升学生综合素质方面的需求日益增长，特别是在体育场地方面。气膜体育馆作为一种新型的运动空间形式，正在迅速成为学校体育设施的优选方案。凭借其快速搭建、节能环保等优势，气膜馆在全国各地的校园…...

编程日记 2024/9/14 10:59:03

JVM 调优篇5 jvm性能监控

一 jvm性能监控 1.1 概述性能诊断是软件工程师在日常工作中需要经常面对和解决的问题，在用户体验至上的今天，解决好应用的性能问题能带来非常大的收益。体会1：使用数据说明问题，使用知识分析问题，使用工具处理问…...

编程日记 2024/9/14 10:58:02

一. Unity实现虚拟摇杆及屏幕自适应功能

手游里面很多类型的游戏都需要用到遥感功能，例如王者荣耀，和平精英等，之前的摇杆功能都是用类似于Easy Touch的插件进行开发的，今天不借助任何插件来实现虚拟摇杆的功能。一般虚拟摇杆的组成都是由轮盘和遥感的点组成&#xff0c…...

编程日记 2024/9/14 10:57:01

【达梦数据库】mysql 和达梦 tinyint 与 bit 返回值类型差异

测试环境 mysql5.7.44 达梦2024Q2季度版前言在mysql 中存在 tinyint（1）的用法来实现存储0 1 作为boolean的标识列；但是在达梦并不允许使用 tinyint（1）来定义列，只能使用 tinyint 即取值范围为&#xff…...

编程日记 2024/9/14 10:56:00

VUE工程中axios基本使用

安装axios npm install axios -s在main.js中引入 import http from axios Vue.prototype.$http = http将其绑定在VUE的prototype属性中 vue工程目录下，新建config文件夹，在config文件夹下新建index.js export default {...

编程日记 2024/9/14 10:54:59

本机和远程机都要执行 Enable-PSRemoting -Force 远程端关闭公用网络 Get-NetConnectionProfile Set-NetConnectionProfile -Name "未识别的网络" -NetworkCategory Private 本机和远程机都要执行 winrm quickconfig 将远程机ip加入信任列表 cd WSMan::localhost\…...

编程日记 2024/9/14 10:50:54

linux_L2_linux删除文件

linux 删除文件在Linux下删除文件有多种实现方法，以下是其中几种常见的方法： 方法一：使用rm命令删除单个文件 rm 文件路径例如，删除当前目录下的文件file.txt： rm file.txtQuestion :当你在Linux系统中使用rm命令删…...

编程日记 2024/9/14 10:49:53

系统架构设计师 - 项目管理

项目管理项目管理（1-3分，案例分析 25分）立项管理 ★盈亏平衡分析范围管理 ★★时间管理 ★★★★概述前导图法 PDM(单代号网络图)箭线图法 ADM(双代号网络图) 了解关键路径法总时差自由时差甘特图成本管理 ★挣值管理概述指数计算软件质…...

编程日记 2024/9/14 10:44:28

Spring Boot基础

项目创建项目启动请求响应 RestController 1.返回值处理 RestController：这个注解结合了Controller和ResponseBody的功能。它默认将所有处理请求的方法的返回值直接作为响应体内容返回，主要用于构建RESTful API。返回的数据格式通常是JSON或XML&…...

编程日记 2024/9/14 10:43:27

C语言 | Leetcode C语言题解之第402题移掉K位数字

题目： 题解： char* removeKdigits(char* num, int k) {int n strlen(num), top 0;char* stk malloc(sizeof(char) * (n 1));for (int i 0; i < n; i) {while (top > 0 && stk[top] > num[i] && k) {top--, k--;}stk[top]…...

编程日记 2024/9/14 10:42:26

使用Visual Studio Code配置C/C++开发环境的全面指南

目录引言一、准备工作 1. 安装Visual Studio Code 2. 安装C/C编译器 3. 配置环境变量（仅Windows用户） 二、在VS Code中安装C/C扩展三、创建您的第一个C/C项目 1. 创建项目文件夹 2. 打开项目文件夹 3. 创建源文件四、配置任务（…...

编程日记 2024/9/14 10:39:24

未来机器人的大脑：如何用神经网络模拟器实现更智能的决策？

编辑：陈萍萍的公主一点人工一点智能未来机器人的大脑：如何用神经网络模拟器实现更智能的决策？RWM通过双自回归机制有效解决了复合误差、部分可观测性和随机动力学等关键挑战，在不依赖领域特定归纳偏见的条件下实现了卓越的预测准…...

编程新知 2025/12/3 23:36:48

Spring Boot 实现流式响应（兼容 2.7.x）

在实际开发中，我们可能会遇到一些流式数据处理的场景，比如接收来自上游接口的 Server-Sent Events（SSE） 或流式 JSON 内容，并将其原样中转给前端页面或客户端。这种情况下，传统的 RestTemplate 缓存机制会…...

编程新知 2025/8/11 8:18:44

鸿蒙中用HarmonyOS SDK应用服务 HarmonyOS5开发一个医院挂号小程序

一、开发准备环境搭建： 安装DevEco Studio 3.0或更高版本配置HarmonyOS SDK申请开发者账号项目创建： File > New > Create Project > Application (选择"Empty Ability") 二、核心功能实现 1. 医院科室展示 /…...

编程新知 2025/9/5 12:16:40

页面渲染流程与性能优化

页面渲染流程与性能优化详解（完整版） 一、现代浏览器渲染流程（详细说明） 1. 构建DOM树浏览器接收到HTML文档后，会逐步解析并构建DOM（Document Object Model）树。具体过程如下： (…...

编程新知 2025/12/2 17:14:52

Axios请求超时重发机制

Axios 超时重新请求实现方案在 Axios 中实现超时重新请求可以通过以下几种方式： 1. 使用拦截器实现自动重试 import axios from axios;// 创建axios实例 const instance axios.create();// 设置超时时间 instance.defaults.timeout 5000;// 最大重试次数 cons…...

编程新知 2025/10/13 2:26:14

OPENCV形态学基础之二腐蚀

一.腐蚀的原理 (图1) 数学表达式：dst(x,y) erode(src(x,y)) min(x,y)src(xx,yy) 腐蚀也是图像形态学的基本功能之一，腐蚀跟膨胀属于反向操作，膨胀是把图像图像变大，而腐蚀就是把图像变小。腐蚀后的图像变小变暗淡。腐蚀…...

编程新知 2025/11/17 12:29:58

return this；返回的是谁

一个审批系统的示例来演示责任链模式的实现。假设公司需要处理不同金额的采购申请，不同级别的经理有不同的审批权限： // 抽象处理者：审批者 abstract class Approver {protected Approver successor; // 下一个处理者// 设置下一个处理者pub…...

编程新知 2025/10/16 22:41:12

【C++进阶篇】智能指针

C内存管理终极指南：智能指针从入门到源码剖析一. 智能指针1.1 auto_ptr1.2 unique_ptr1.3 shared_ptr1.4 make_shared 二. 原理三. shared_ptr循环引用问题三. 线程安全问题四. 内存泄漏4.1 什么是内存泄漏4.2 危害4.3 避免内存泄漏五. 最后一. 智能指针智能指…...

编程新知 2025/11/30 3:13:04

提升移动端网页调试效率：WebDebugX 与常见工具组合实践

在日常移动端开发中，网页调试始终是一个高频但又极具挑战的环节。尤其在面对 iOS 与 Android 的混合技术栈、各种设备差异化行为时，开发者迫切需要一套高效、可靠且跨平台的调试方案。过去，我们或多或少使用过 Chrome DevTools、Remote Debug…...

编程新知 2025/6/10 21:08:23

【实施指南】Android客户端HTTPS双向认证实施指南

🔐 一、所需准备材料证书文件（6类核心文件） 类型格式作用 Android端要求 CA根证书 .crt/.pem 验证服务器/客户端证书合法性需预置到Android信任库服务器证书 .crt 服务器身份证明客户端需持有以验证服务器客户端证书 .crt 客户端身份…...

编程新知 2025/9/15 14:56:23

SpringMvc上传下载功能实现

1.创建新的项目

1）项目信息填写

2）选择所用的包

3）创建controller包

4）创建DownLoadController类

5）创建UpLoadController类

6）创建index.html

7）创建upload.html

2.实现上传功能

1）关键代码

2）详情解释

3）功能测试

3.文件下载功能实现

1）关键代码

2）详细解释

3）功能测试

4.附:

1）完整的DownLoadController 类代码

2）完整的UpLoadController 代码

相关文章：