前端大文件上传如何做到刷新续传?

前端,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.处理事件

启动测试

启动成功

效果

数据库

Tags：前端文件上传

微信扫一扫：分享

微信里点“发现”，扫一下

二维码便可将本文分享至朋友圈。