前端,VUE2,VUE3,HTML5,网页,在网页前端上面实现大文件上传,断点续传。这个是基本功能,现在需要做到刷新后能够继续续传,关闭浏览器后重开,仍然能够继续上传,关闭电脑,重启电脑后仍然能够继续上传。文件上传的进度信息不丢失,也就是离线进度信息保存功能要做好。
网上搜了一下,基本上都是网页级的,实现方案也基本上是用的HTML5,chrome提供的特殊的API来实现的,怎么说呢,在网页级的场景中到是通用,但是在应用级,进程级,也就是刷新页面,关闭浏览器的场景中就无法使用了,也研究过如何实现,但是发现chrome限制的死死的,一个域名只允许5个TCP连接,根本就没办法更改,扩展性可以说是非常差了。
1.下载示例
https://gitee.com/xproer/up6-vue-cli
将up6组件复制到项目中
示例中已经包含此目录
1.引入up6组件
2.配置接口地址
接口地址分别对应:文件初始化,文件数据上传,文件进度,文件上传完毕,文件删除,文件夹初始化,文件夹删除,文件列表
参考:http://www.ncmem.com/doc/view.aspx?id=e1f49f3e1d4742e19135e00bd41fa3de
3.处理事件
启动测试
启动成功
效果
数据库