大文件分片上传,断网续传,浏览器重启重新登录后能续传?indexDB本地缓存

最近遇到一个问题。要实现大文件分片上传,断网续传(也是一种断点),重新登录、浏览器重启、页面刷新后能续传?

还有

1、input标签type = file是不能得到本地的绝对路径的

2、浏览器的js是不能读取到本地路径(绝对路径)下的文件的

 

其实浏览器是不支持这样的需求的。浏览器的安全设置里是不允许自动访问本地文件资源的

只有客户端应用可以支持这样的需求,所有能不做这个需求就别做吧!

但是我还是要实现这样的需求,业务需要。

 

断网、刷新续传的思想

indexDB作为一个本地缓存,缓存未上传成功的文件,方便下次登录或者刷新页面的时候继续上传。

indexDB能缓存blob类型的文件,然后通过文件的MD5值找到blob,将blob转成File类型,继续分片上传。

let blob = new Blob(['yourFile']);//File转blob
let filename = yourFile.name;//要保存文件名
let type = yourFile.type;//文件类型
//blob转file一定要有文件名,文件类型
let file = new File(blob,filename:filename,{type:type});

断点就是中断request请求。

文件上传中断之后,让后端保存md5和上传到第几片(currentChunk),然后获取indexDB的文件后自动从currentChunk片上传

 

还可以用nodejs搭建一个本地的服务端,使用require(‘fs’)操作本地文件资源。可是我知道可以这样,但是我的系统是前后端分离,后端是.net,我怎么又搭建一个本地node服务端,让用户的浏览器也有呢?

 

 

  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值