文件上传-SpringBoot实现

最新推荐文章于 2024-04-27 17:30:34 发布
最新推荐文章于 2024-04-27 17:30:34 发布
阅读量3.0k 收藏 4
点赞数 1
分类专栏： 后端 文章标签： java
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_34020761/article/details/128111471
版权

概述

应用开发过程中，文件上传是一个基础的扩展功能，它的目的就是让大家共享我们上传的文件资源。作为一名合格的程序猿，在开发过程中实现文件上传是必需的技能，常见的文件上传包括：

  • 添加附件、文章封面等需求
  • 富文本编辑器扩展的文件上传

文件上传原理

上传流程

文件上传流程图

说明： 文件上传本质就是通过程序将用户文件通过I/O流复制到服务器的过程 

 临时目录

上传过程中文件首先存储在临时目录

文件上传过程中，文件不是直接存放在服务器真正的目录，而是要经过一个temp临时目录中转过后才上传到真实目录，临时目录存在的优势：

  • 防止上传过程中因网络断开或者用户刷新或者取消而造成的大量的垃圾文件
  • 保证服务器真实目录上传的文件一定是有效的(而不存在垃圾文件)

其中临时目录可以由我们自定义它的位置：

springboot的yml文件中配置：spring.servlet.multipart.location：D://data/upload/temp

SpringBoot实现本地文件上传

后台支持多文件上传核心代码

上传文件

 

 前台页面

        a. 采用wangEditor富文本编辑器上传,参考官网提供的API实现

引入wangEditor.js

 

wangEditor的js代码实现

 

wangEditor上传页面

  b. 采用web uploader上传,可参考官网实现

HTTP访问服务器文件资源

若我们需要通过HTTP获取到上传到服务器的文件，我们就需要做一个静态资源文件路径的映射

访问路径映射
application.yml配置映射路径的值

 

扩展

若我们公司内部服务器出现故障，而且服务器中文件只有一份，那我们文件就可能丢失，此时就需要采用分布式文件存储，常用解决方案如下

  • Fastdfs，GDFS，但它们需要购买服务器自己去搭建，过程复杂且成本比较高
  • FTP技术采用冗余同步到另外服务器上，但它需要保证高可用
  • 阿里云/青牛/腾讯云/网易云的后台实现分布式存储OSS
奉先节度使
关注
  • 1
    点赞
  • 踩
  • 4
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
spring+element+vue附件上传、下载及在线预览
01-14
在springboot+vue框架中使用element的上传控价实现附件的上传、下载，并结合openoffice实现附件的在线预览
jquery模拟手机聊天操作
qq_45378970的博客
10-06 311
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> *{ margin: 0; padding: 0; } #box{ width: 300px; height: 500px; border: 3px solid ligh
springboot实现文件上传
m0_55045698的博客
03-22 1484
我本地运行出来确实是我项目的根目录，但是上到服务器，打出来的就是/，也就是linux的根目录，因此我决定以"/home/ec2-user/www/wwwroot/online_exam" 这种定值的方式取代System.getProperty("user.dir")，否则我的fileStorage目录就会建立在/这个目录下面，然后根据url访问就失效了。第三点是我添加了一个附件表，防止重复照片的存入消耗内存，毕竟不是存在三方文件系统上，自己买的系统还是省着点，而且还可以提升一丢丢的效率。
spring boot 实现邮件发送功能，发送普通文本/html模板/添加附件
jonssonyan
12-06 685
邮件发送其实是一个非常常见的需求，用户注册，找回密码等地方，都会用到，使用 JavaSE 代码发送邮件，步骤还是挺繁琐的，Spring Boot 中对于邮件发送，提供了相关的自动化配置类，使得邮件发送变得非常容易。 项目结构 一、Maven依赖 <dependencies> <!-- Spring Boot 邮件依赖 --> <dependency> <groupId>org.springframework.boot</.
SpringBoot文件上传
m0_61820867的博客
07-28 1万+
介绍了在SpringBoot项目中如何上传文件
在springboot中如何实现上传文件的功能
m0_56851949的博客
07-07 3275
后端使用Springboot实现文件上传功能
springboot文件上传
热门推荐
Starbright.的博客
04-11 2万+
/</</</</其中后端处理文件上传的请求地址为/uploadFile，请求方法为POST。在文件上传时需要设置form表单的enctype属性为“multipart/form-data”。
Spring boot文件上传
weixin_46102505的博客
11-12 4318
本位文描写了spring boot的文件上传，并对其整合成工具类，以便以后使用。 引用了文章：https://blog.csdn.net/qq_43581790/article/details/123811775
文件上传下载-springboot-demo.zip
03-23
springboot，文件上传下载demo。
文件上传下载服务springboot实现
10-27
运行HttpClientPost工程，在cmd下执行r.bat r.bat里写上完整的上传文件的路径,如E:/工具/FileZilla.rar，文件路径分割符号请用/替代\ 工程HttpClientPost里url设置访问jersey-server工程的链接 url=...
SpringBoot实现文件上传和下载.docx
12-10
SpringBoot实现文件上传和下载
java Springboot实现多文件上传功能
08-27
主要为大家详细介绍了java Springboot实现多文件上传功能，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
SpringBoot+layui实现文件上传功能
08-27
Spring Boot是由Pivotal团队提供的全新框架，其设计目的是用来简化新Spring应用的初始搭建以及开发过程。这篇文章主要介绍了SpringBoot+layui实现文件上传,需要的朋友可以参考下
mybatisPlus使用MetaObjectHandler对字段进行更新
m0_56356631的博客
04-23 790
都是符合我们的预期的。
java方法重写（重点讲），方法重载
weixin_46281068的博客
04-27 859
一、方法重载定义：一个类中，出现多个方法的名称相同，但是它们的形参列表是不同的，那么这些方法就称为方法重载了。注意：一个类中，只要一些方法的名称相同、形参列表不同，那么它们就是方法重载了，其它的都不管（如:修饰符，返回值类型是否一样都无所谓）。形参列表不同指的是:形参的个数、类型、顺序不同，不关心形参的名称。应用场景：开发中我们经常需要为处理一类业务，提供多种解决方案，此时用方法重载来设计是很专业的。
string模拟实现
m0_73969414的博客
04-23 1787
c++中string的模拟实现，面试必会知识点
Day25-Java基础之常用类1
最新发布
m0_46053885的博客
04-27 856
同时我们发现Math类中的方法都是静态的，因此在使用的时候我们可以直接通过类名去调用。对于计算机而言，其实是没有数据类型的概念的，都是0101010101，数据类型是编程语言自己规定的，所以在实际存储的时候，先把具体的数字变成二进制，每32个bit为一组，存储在数组中。比较内存地址值一般情况下是没有意义的，我们希望比较的是对象的属性，如果两个对象的属性相同，我们认为就是同一个对象；如果我们的数据是一个浮点类型的数据，有的时候计算机并不会将这个数据完全转换成一个二进制数据，而是将这个将其转换成一个无限的。
多文件上传 vue+springboot el-upload实现
05-13
实现多文件上传的方式有很多种，下面我将介绍一种基于 Vue 和 Spring Boot 的实现方式，使用的是 Element UI 的上传组件 el-upload。 前端实现： 1. 在 Vue 组件中引入 Element UI 的 el-upload 组件。 ```vue <template> <el-upload class="upload-demo" action="/api/upload" :multiple="true" :on-change="handleUploadChange" :on-remove="handleUploadRemove" :file-list="fileList"> <el-button slot="trigger" size="small" type="primary">选取文件</el-button> <div slot="tip" class="el-upload__tip">只能上传jpg/png文件，且不超过500kb</div> </el-upload> </template> ``` 2. 在 Vue 组件中定义 fileList 数组，用于存储上传的文件列表。 ```vue <script> export default { data() { return { fileList: [] } }, methods: { handleUploadChange(file, fileList) { this.fileList = fileList }, handleUploadRemove(file, fileList) { this.fileList = fileList } } } </script> ``` 3. 在 Vue 组件中定义 handleUploadChange 和 handleUploadRemove 方法，用于监听上传文件的变化和删除文件的操作，更新 fileList 数组。 后端实现： 1. 在 Spring Boot 项目中定义上传文件的接口。 ```java @RestController @RequestMapping("/api") public class FileUploadController { @PostMapping("/upload") public ResponseEntity<?> uploadFile(@RequestParam("file") MultipartFile[] files) { // TODO: 处理上传的文件 return ResponseEntity.ok("上传成功"); } } ``` 2. 在接口中使用 @RequestParam 注解接收上传的文件，可以使用 MultipartFile 类型的数组来接收多个文件。接收到文件后，可以根据需要进行处理，例如保存到本地磁盘或上传到云存储服务。 3. 在 application.properties 文件中配置文件上传的相关参数。 ```properties # 文件上传配置 spring.servlet.multipart.max-file-size=500KB spring.servlet.multipart.max-request-size=100MB spring.servlet.multipart.enabled=true ``` 其中，max-file-size 和 max-request-size 分别设置了单个文件和总文件大小的最大值，enabled 表示是否启用文件上传功能。 以上就是基于 Vue 和 Spring Boot 的多文件上传实现方式，希望能对你有所帮助。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值