最近遇到一个问题。要实现大文件分片上传,断网续传(也是一种断点),重新登录、浏览器重启、页面刷新后能续传?
还有
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服务端,让用户的浏览器也有呢?