网页,前端,HTML5,VUE2,VUE3,实现文件上传下载。网上搜了一圈,几乎全部都是用HTML5提供的特殊的API来实现的。也就是chrome本身提供的,如果chrome不提供这个API,那基本上大部分都无法实现了。另外一种方案就是用插件。用插件的方案比HTML5还是更灵活一些。可扩展性也更强。
chrome,HTML5虽然提供了这个API,但是也只能满足基本的需求,之前基于这个API实现了功能,但是后期客户需要进行扩展,基本上还是没办法,chrome限制的有点死,一个域名下面只允许你建5个TCP连接,导致速度上面就有了上限。而且你也没办法改,没办法扩展。后期的可维护性可扩展性都是比较差了。
网上几乎全部都是上传的方案,下载的方案非常少,也还是用的HTML5的API,用户体验太差了,用户下载一个文件需要你点一下鼠标,用户下载100个就需要点100次。
1.下载示例
https://gitee.com/xproer/up6-vue-cli
将up6组件复制到项目中
示例中已经包含此目录
1.引入up6组件
2.配置接口地址
接口地址分别对应:文件初始化,文件数据上传,文件进度,文件上传完毕,文件删除,文件夹初始化,文件夹删除,文件列表
参考:http://www.ncmem.com/doc/view.aspx?id=e1f49f3e1d4742e19135e00bd41fa3de
3.处理事件
启动测试
启动成功
效果
数据库
发表评论