大文件断点续传、快传秒传实现方案

2024-02-03 02:50

本文主要是介绍大文件断点续传、快传秒传实现方案,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

前言

为什么视频、音频、大型文档等大文件不能也直接上传吗,简单又方便?

遇到手动暂停、网络中断、网络不稳定或者服务端响应超时,当你终于半天到99%,网络突然断开喜提从0%再来一次

再者一次服务接受如此大的数据传输,不说服务器肯同意接收,即使配置同意接受这常常会使服务器出现响应超时或者陷入阻塞。为了解决这些问题,支持断点续传就变得非常必要了

快传、秒传⭐

文件块的上传时计算MD5值,根据MD5去查数据库文件块表,如果存在直接带着查到的记录返回上传成功!!

至于整个大文件是否需要计算MD5来比对数据库文件表,这取决于实际需求来决定。在某些特定场景下,可能需要验证整个大文件的完整性,或者需要将大文件的 MD5 值保存在后端进行后续比对等操作,在这种情况下,就需要计算整个大文件的 MD5 值

(快传、秒传广泛应用于网盘云存储、多平台同步、文件分享和传递、在线备份的场景)

断点续传⭐⭐

将大文件是数据分割为多个相同大小的小片,每个分片带着自己的序号和MD5值独立上传。如果发生事件导致传输中断,下一次传输时重新传输即可,已传输过的分片会根据MD5直接返回传输成功!!

(相同分片大小是为了服务端能够找到该分片在文件写入的起始位置,但是最后一个分片的大小可以小于等于分片大小)

上传流程

这里引入一张较为完整的流程图

细节思路

MD5如何计算 🌙🌙

网上的一种思路MD5(浏览器ID(服务端写在cookie中) + 文件名 + 文件大小 + 文件修改时间 )的格式,进行MD5降重,也避免了MD5计算量大的问题。这种方式适用于个人文件上传的场景,并不适合多平台同步、文件分享传输的场景,因为即使一模一样的两个文件多个用户或者浏览器计算得出的MD5值是不一样的

最好的计算方法是用文件的内容进行MD5计算,但计算量极大,过多的耗时会影响上传的体验,需要尽量控制在MD5计算前限制用户所选文件不能过大

分片的上传方式🌙🌙

先发送一个不携带文件块二进制数据的预检请求,判断文件是否上传完成,分片上传的FormData附带以下参数,序号、总块数、文件ID、分片大小、文件大小、分片的MD5、文件块二进制数据

选择串行还是并发上传,因为js是单线程的无法类似于java线程的方式执行并发上传的任务,但是有一些流行的前端库和框架(如axios、Fetch API、jQuery AJAX等)提供了并发请求的功能,需要注意的是,并发上传可能会对服务器和网络带宽造成一定的负担,对用户体验造成负面影响

分片大小🌙🌙

分片大小的确定一般由前端动态确定,后端还可以根据自身的需求和系统性能,对分片大小进行一定的限制或调整

较大的分片可以提高上传速度,但会增加单个分片上传失败的风险,较小分片可以降低单个分片上传失败的风险,但同时也会提高服务器处理的复杂度

是否需要合并🌙

需要分片合并的场景:服务端每次接收一小片文件保存成一个临时文件,等待所有片段传输完毕后,再执行合并,如果原始文件足够小,只要合理控制分块大小这种方式是可以的,但文件大小达到几百MB或者几个GB,合并文件的时间会非常长,常常导致浏览器响应超时或服务器阻塞,而且服务端会额外多占用一倍的存储空间

如果是每收到分片文件就在文件内指定偏移位置写入的方案,并不需要额外空间保存文件分块,也不需要在上传结束后进行分块的合并

前后端核心方法🌙🌙

JS文件分片的核心方法,   File的slice() 

JAVA写入分片的核心方法, RandomAccessFile的write()  /  MappedByteBuffer的write() 

RandomAccessFile和MapperdByteBuffer都能实现对文件任意位置的读取和写入数据,适用于大文件的读写尤其是频繁读写场景。

两者的不同在于

  • 前者是Java IO提供的类,读写过程中seek()能指定跳转到不同位置,实现随机访问;
  • 后者是Java NIO提供的类,使用内存映射文件的方式将文件的一部分映射到内存中进行读写,这种方式避免传统的IO磁盘操作直接调用系统底层的缓存,没有JVM和系统之间的复制操作,所以效率非常高

代码实现

浏览器端(B/S的B)

  • vue项目实现

npm下载md5工具和vue-upload文件上传插件

  • html的实现

引入一个md5工具

Java客户端(C/S的C)

提供一个文件分割与合并的工具类,使用线程池技术,速度很快

Java服务端(C/S或B/S的S)

提供一个文件分割与合并的工具类,使用线程池技术,速度很快

SpringBoot中普通文件上传存储代码见上篇博客:SpringBoot文件上传存储解决方案_springboot 文件存储-CSDN博客使用Spring Boot框架实现一个完善的文件上传功能,在Spring Boot中配置文件上传的方法,并提供了详细的代码说明。通过学习本文,你将获得实战经验,能够快速应用文件上传功能在自己的项目中。如果你对Spring Boot文件上传感兴趣,那么这篇文章将为你提供一套较为完善的解决方案,助你快速搭建和应用文件上传功能,并且具备很大的扩展性。_springboot 文件存储https://blog.csdn.net/util123/article/details/131786587?spm=1001.2014.3001.5502

代码资源自取,学习用

这篇关于大文件断点续传、快传秒传实现方案的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/672780

相关文章

SpringBoot集成Milvus实现数据增删改查功能

《SpringBoot集成Milvus实现数据增删改查功能》milvus支持的语言比较多,支持python,Java,Go,node等开发语言,本文主要介绍如何使用Java语言,采用springboo... 目录1、Milvus基本概念2、添加maven依赖3、配置yml文件4、创建MilvusClient

JS+HTML实现在线图片水印添加工具

《JS+HTML实现在线图片水印添加工具》在社交媒体和内容创作日益频繁的今天,如何保护原创内容、展示品牌身份成了一个不得不面对的问题,本文将实现一个完全基于HTML+CSS构建的现代化图片水印在线工具... 目录概述功能亮点使用方法技术解析延伸思考运行效果项目源码下载总结概述在社交媒体和内容创作日益频繁的

openCV中KNN算法的实现

《openCV中KNN算法的实现》KNN算法是一种简单且常用的分类算法,本文主要介绍了openCV中KNN算法的实现,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的... 目录KNN算法流程使用OpenCV实现KNNOpenCV 是一个开源的跨平台计算机视觉库,它提供了各

OpenCV图像形态学的实现

《OpenCV图像形态学的实现》本文主要介绍了OpenCV图像形态学的实现,包括腐蚀、膨胀、开运算、闭运算、梯度运算、顶帽运算和黑帽运算,文中通过示例代码介绍的非常详细,需要的朋友们下面随着小编来一起... 目录一、图像形态学简介二、腐蚀(Erosion)1. 原理2. OpenCV 实现三、膨胀China编程(

通过Spring层面进行事务回滚的实现

《通过Spring层面进行事务回滚的实现》本文主要介绍了通过Spring层面进行事务回滚的实现,包括声明式事务和编程式事务,具有一定的参考价值,感兴趣的可以了解一下... 目录声明式事务回滚:1. 基础注解配置2. 指定回滚异常类型3. ​不回滚特殊场景编程式事务回滚:1. ​使用 TransactionT

Android实现打开本地pdf文件的两种方式

《Android实现打开本地pdf文件的两种方式》在现代应用中,PDF格式因其跨平台、稳定性好、展示内容一致等特点,在Android平台上,如何高效地打开本地PDF文件,不仅关系到用户体验,也直接影响... 目录一、项目概述二、相关知识2.1 PDF文件基本概述2.2 android 文件访问与存储权限2.

使用Python实现全能手机虚拟键盘的示例代码

《使用Python实现全能手机虚拟键盘的示例代码》在数字化办公时代,你是否遇到过这样的场景:会议室投影电脑突然键盘失灵、躺在沙发上想远程控制书房电脑、或者需要给长辈远程协助操作?今天我要分享的Pyth... 目录一、项目概述:不止于键盘的远程控制方案1.1 创新价值1.2 技术栈全景二、需求实现步骤一、需求

Spring Shell 命令行实现交互式Shell应用开发

《SpringShell命令行实现交互式Shell应用开发》本文主要介绍了SpringShell命令行实现交互式Shell应用开发,能够帮助开发者快速构建功能丰富的命令行应用程序,具有一定的参考价... 目录引言一、Spring Shell概述二、创建命令类三、命令参数处理四、命令分组与帮助系统五、自定义S

SpringBatch数据写入实现

《SpringBatch数据写入实现》SpringBatch通过ItemWriter接口及其丰富的实现,提供了强大的数据写入能力,本文主要介绍了SpringBatch数据写入实现,具有一定的参考价值,... 目录python引言一、ItemWriter核心概念二、数据库写入实现三、文件写入实现四、多目标写入

Android Studio 配置国内镜像源的实现步骤

《AndroidStudio配置国内镜像源的实现步骤》本文主要介绍了AndroidStudio配置国内镜像源的实现步骤,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,... 目录一、修改 hosts,解决 SDK 下载失败的问题二、修改 gradle 地址,解决 gradle