基于PHP+WEBUPLOADER的大文件分片上传，支持断点续传，带进度条

基于PHP+WEBUPLOADER的大文件分片上传，支持断点续传，带进度条，前端用了HTML，VUE2，VUE3，后端用了PHP，ThinkPHP，服务器用了Linux，数据库是MySQL，上传组件用的是百度的WebUploader，初期还是能用，但是下载这块的话就不是很好用了，不太能满足客户的需求，

这个是接的一个外包项目，客户那边是一个公司，给他们做的一个业务系统。

客户要求能够支持大文件下载，断点续传，批量下载，文件夹下载，文件夹下载要支持文件夹的层级结构，也就是用户上传的文件夹是什么层级结构，下载下来也必须是这个层级结构，项目一期我们是采用的打包的方式，直接在服务器上面把文件夹打成一个压缩文件RAR，这样下载下来后解压，文件夹层级结构是一致的。

但是后来遇到一个问题，用户上传了一个文件夹，里面包含了1万个文件，文件有大有小，大的有1G，10G，小的有几KB，或者几MB，将这个文件夹在服务器打包后变成了一个500G的文件。然后用户下载这个文件的时候就崩溃了，用的是谷歌chrome，但是还是崩。

1.下载示例

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

 

 

将up6组件复制到项目中

示例中已经包含此目录

 

 

1.引入up6组件

 

 

2.配置接口地址

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

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

 

 

3.处理事件

 

 

启动测试

 

 

启动成功

 

 

效果

 

 

数据库

 

源码工程文档：泽优上传下载-源码版-工程文档.pdf

源码报价单：泽优上传下载-源码版-2024.pdf

OEM版报价单：泽优上传下载-OEM版-2024.pdf

控件源码下载：up6-code.zip