百度WEBUPLOADER实现浏览器端大文件分块上传

百度webuploader组件，前端用了VUE2,VUE3,HTML5,React,JQ框架，主要在浏览器端实现大文件分块上传，在前端，网页端实现大文件上传，最好支持断点续传。

断点续传的话要求刷新续传，关闭浏览器，关闭电脑，重启浏览器，重启电脑后仍然继续，网上搜到的webuploader是基于Flash+HTML5实现的，这两个方案都不支持刷新续传。

文件夹上传这块也需要支持，用户传的文件夹有点大，一个文件夹下面包含了1万个文件，还有层级结构，也需要支持，文件夹的层级结构需要保存到数据库中，数据库用了MySQL,Oracle,SQL Server，达梦数据库，人大金仓数据库，

后端的话需要支持ASP.NET,JSP,PHP,SpringBoot。暂时不定，看项目需求，有的项目要求用.net有的要求用JAVA，政府项目的话用JAVA多一些，自主可控，一是安全，一是可扩展。一是可维护。

1.下载示例

https://gitee.com/xproer/up6-vue-cli

 

 

将up6组件复制到项目中

示例中已经包含此目录

 

 

1.引入up6组件

 

 

2.配置接口地址

接口地址分别对应：文件初始化，文件数据上传，文件进度，文件上传完毕，文件删除，文件夹初始化，文件夹删除，文件列表

参考：http://www.ncmem.com/doc/view.aspx?id=e1f49f3e1d4742e19135e00bd41fa3de

 

 

3.处理事件

 

 

启动测试

 

 

启动成功

 

 

效果

 

 

数据库