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

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

news 2025/10/19 10:29:07

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

OpenLayers 可视化之热力图

注：当前使用的是 ol 5.3.0 版本，天地图使用的key请到天地图官网申请，并替换为自己的key 热力图（Heatmap）又叫热点图，是一种通过特殊高亮显示事物密度分布、变化趋势的数据可视化技术。采用颜色的深浅来显示…...

编程新知 2025/9/25 23:02:22

大型活动交通拥堵治理的视觉算法应用

大型活动下智慧交通的视觉分析应用一、背景与挑战大型活动（如演唱会、马拉松赛事、高考中考等）期间，城市交通面临瞬时人流车流激增、传统摄像头模糊、交通拥堵识别滞后等问题。以演唱会为例，暖城商圈曾因观众集中离场导致周边…...

编程新知 2025/10/17 20:58:16

《Playwright：微软的自动化测试工具详解》

Playwright 简介:声明内容来自网络，将内容拼接整理出来的文档 Playwright 是微软开发的自动化测试工具，支持 Chrome、Firefox、Safari 等主流浏览器，提供多语言 API（Python、JavaScript、Java、.NET）。它的特点包括&a…...

编程新知 2025/7/23 15:00:00

【碎碎念】宝可梦 Mesh GO : 基于MESH网络的口袋妖怪宝可梦GO游戏自组网系统

目录游戏说明《宝可梦 Mesh GO》 —— 局域宝可梦探索Pokmon GO 类游戏核心理念应用场景Mesh 特性宝可梦玩法融合设计游戏构想要素1. 地图探索（基于物理空间广播范围）2. 野生宝可梦生成与广播3. 对战系统4. 道具与通信5. 延伸玩法安全性设计技术选…...

编程新知 2025/9/28 20:37:50

【SSH疑难排查】轻松解决新版OpenSSH连接旧服务器的“no matching...“系列算法协商失败问题

【SSH疑难排查】轻松解决新版OpenSSH连接旧服务器的"no matching..."系列算法协商失败问题摘要： 近期，在使用较新版本的OpenSSH客户端连接老旧SSH服务器时，会遇到 "no matching key exchange method found", "n…...

编程新知 2025/9/29 4:00:38

站群服务器的应用场景都有哪些？

站群服务器主要是为了多个网站的托管和管理所设计的，可以通过集中管理和高效资源的分配，来支持多个独立的网站同时运行，让每一个网站都可以分配到独立的IP地址，避免出现IP关联的风险，用户还可以通过控制面板进行管理功…...

编程新知 2025/9/1 19:01:24

三分算法与DeepSeek辅助证明是单峰函数

前置单峰函数有唯一的最大值，最大值左侧的数值严格单调递增，最大值右侧的数值严格单调递减。单谷函数有唯一的最小值，最小值左侧的数值严格单调递减，最小值右侧的数值严格单调递增。三分的本质三分和二分一样都是通过不断缩…...

编程新知 2025/9/28 5:47:03

多元隐函数偏导公式

我们来推导隐函数 z z ( x , y ) z z(x, y) zz(x,y) 的偏导公式，给定一个隐函数关系： F ( x , y , z ( x , y ) ) 0 F(x, y, z(x, y)) 0 F(x,y,z(x,y))0 🧠 目标： 求 ∂ z ∂ x \frac{\partial z}{\partial x} ∂x∂z、 …...

编程新知 2025/9/19 5:31:38

【51单片机】4. 模块化编程与LCD1602Debug

1. 什么是模块化编程传统编程会将所有函数放在main.c中，如果使用的模块多，一个文件内会有很多代码，不利于组织和管理模块化编程则是将各个模块的代码放在不同的.c文件里，在.h文件里提供外部可调用函数声明，其他.c文…...

编程新知 2025/10/8 5:27:47

ZYNQ学习记录FPGA(二)Verilog语言

一、Verilog简介 1.1 HDL（Hardware Description language） 在解释HDL之前，先来了解一下数字系统设计的流程：逻辑设计 -> 电路实现 -> 系统验证。逻辑设计又称前端，在这个过程中就需要用到HDL，正文…...

编程新知 2025/10/12 1:45:41

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 代码

相关文章：