文件切块上传、文件断点续传

前台

步骤

1、获取文件MD5值

使用spark-md5获取文件的MD5值

2、文件进行切割

根据自定义切片大小进行切割文件

3、文件切片进行上传
  • 上传切片前根据MD5值进行效验是否是续传
  • 如果是续传则开启切片存在及完整性效验
  • 对效验不通过的切片进行重新上传
4、切片上传成功后进行合并

当所有文件都上传成功后通知服务器对文件切片进行合并

github地址

html挂iis,后面自行配置.net core 跨域配置appsettings.json文件中,已挂的话重启iis项目

web示例: https://github.com/tianfenglin/commonts

.net core示例:https://github.com/tianfenglin/upfiles

ts示例代码

upfiles.ts

html示例

已有编译好的js在dist下面

upfiles.html

过程图片

文件切块上传、文件断点续传_第1张图片

文件切块上传、文件断点续传_第2张图片
文件切块上传、文件断点续传_第3张图片

你可能感兴趣的:(文件上传)