HTML DOM INPUT FILE 大文件上传方法

HTML DOM INPUT FILE 大文件上传方法，HTML DOM INPUT FILE 大文件上传技术，HTML DOM INPUT FILE 大文件上传技巧，HTML5大文件上传方案，HTML DOM INPUT FILE 大文件上传组件，HTML5大文件上传API，HTML DOM INPUT FILE 大文件上传函数，INPUT FILE 大文件上传教程，DOM INPUT FILE 大文件上传源码，HTML大文件上传代码，HTML大文件上传分片，HTML大文件上传分段，HTML大文件上传分割，HTML大文件上传切割，HTML大文件上传解决方案，

现在chrome提供了相关的API，在HTML5中也能够上传文件，不过有限制，每个域名限制了5个TCP连接。用起来不是那么的舒服，也不够灵活，当然也能够满足一般的使用场景。不太复杂的也能够凑合着用。

但是如果有上传文件夹，文件夹中包含很多文件，比如1万或者10万，这种场景下用起来就不是那么的舒服了，如果单个文件的大小超过10G，比如20G，这种场景下用起来也不是特别的舒服。

还有批量下载的话HTML5的能力也有限，下是能下，但是每下一个文件就需要用户手动确认一下，那比如我要下载100个文件，也需要确认100次，用户不太接受这种方式。

1.下载示例

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

 

 

将up6组件复制到项目中

示例中已经包含此目录

 

 

1.引入up6组件

 

 

2.配置接口地址

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

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

 

 

3.处理事件

 

 

启动测试

 

 

启动成功

 

 

效果

 

 

数据库