这里只写后端的代码,基本的思想就是,前端将文件分片,然后每次访问上传接口的时候,向后端传入参数:当前为第几块文件,和分片总数
下面直接贴代码吧,一些难懂的我大部分都加上注释了:
上传文件实体类:
看得出来,实体类中已经有很多我们需要的功能了,还有实用的属性。如MD5秒传的信息。
![点击并拖拽以移动](/i/l/?n=23&i=blog/25866/202309/25866-20230906172345950-1345492814.gif)
首先是文件数据接收逻辑,负责接收控件上传的文件块数据,然后写到服务器的文件中。控件已经提供了块的索引,大小,MD5和长度信息,我们可以根据需要来灵活进行处理,也可以将文件块的数据保存到分布式存储系统中。
![点击并拖拽以移动](/i/l/?n=23&i=blog/25866/202309/25866-20230906172345950-1345492814.gif)
文件初始化部分
![点击并拖拽以移动](/i/l/?n=23&i=blog/25866/202309/25866-20230906172345950-1345492814.gif)
第一步:获取RandomAccessFile,随机访问文件类的对象
第二步:调用RandomAccessFile的getChannel()方法,打开文件通道 FileChannel,这块逻辑可以优化,如果以后有分布式存储需求,可以改为分布式存储,减轻单台服务器的压力。
![点击并拖拽以移动](/i/l/?n=23&i=blog/25866/202309/25866-20230906172345950-1345492814.gif)
第三步:获取当前是第几个分块,计算文件的最后偏移量
第四步:获取当前文件分块的字节数组,用于获取文件字节长度
第五步:使用文件通道FileChannel类的 map()方法创建直接字节缓冲器 MappedByteBuffer
第六步:将分块的字节数组放入到当前位置的缓冲区内 mappedByteBuffer.put(byte[] b);
第七步:释放缓冲区
第八步:检查文件是否全部完成上传
![点击并拖拽以移动](/i/l/?n=23&i=blog/25866/202309/25866-20230906172345950-1345492814.gif)
文件夹扫描类
![点击并拖拽以移动](/i/l/?n=23&i=blog/25866/202309/25866-20230906172345950-1345492814.gif)
存储路径生成类
![点击并拖拽以移动](/i/l/?n=23&i=blog/25866/202309/25866-20230906172345950-1345492814.gif)
好了,到此就全部结束了,如果有疑问或批评,欢迎评论和私信,我们一起成长一起学习。
编辑
编辑
编辑
编辑
视频演示:
windows控件安装,,linux-deb控件包安装,linux-rpm控件包安装,php7测试,php5测试,vue-cli-测试,asp.net-IIS测试,asp.net-阿里云(oss)测试,asp.net-华为云(obs)测试,jsp-springboot测试,ActiveX(x86)源码编译,ActiveX(x64)源码编译,Windows(npapi)源码编译,macOS源码编译,Linux(x86_64)源码编译,Linux(arm)源码编译,Linux(mips-uos)源码编译,Linux(mips-kylin-涉密环境)源码编译,sm4加密传输,压缩传输,
示例下载地址
asp.net源码下载,jsp-springboot源码下载,jsp-eclipse源码下载,jsp-myeclipse源码下载,php源码下载,csharp-winform源码下载,vue-cli源码下载,c++源码下载
标签:文件,SpringBoot,编辑,控件,上传下载,编译,源码,组件,下载 From: https://www.cnblogs.com/songsu/p/17682926.html