vue2实现文件分片上传_vue2分片上传

作者：天景科技苑 | 2024-07-24 07:08:51

踩

vue2分片上传

vue2实现文件分片上传，vue2实现文件切片上传，vue2实现文件分块上传，vue2实现文件批量上传，vue2实现文件加密上传，vue2实现文件断点续传，vue2实现文件夹上传，vue2实现文件夹批量上传，vue2实现文件批量上传，vue2实现文件多线程上传，

网上搜了一圈，基本上都是用的HTML5实现的，也就是chrome提供的API，小文件还好，比如几十MB，500MB左右的话，单个文件上传还凑合，但是文件大点，文件一多就不行了。比如1G以上，或者10G以上，100个文件，1000个文件同时传，就有点不行了，主要就是页面反应慢，卡顿。

前端用了VUE2,VUE3,JQ，后端用了JAVA,JSP,SpringBoot，要求在前端提供大文件上传的功能，文件大小约为20G左右，可能偶尔有文件会超过这个大小，但是不多，

浏览器要求支持包含IE在内的所有浏览器，系统环境要求支持信创国产化，比如银河麒麟，统信，龙芯，

客户那边是政府单位，所以要求提供技术支持服务，数据库用了MySQL，达梦，要求提供前端，后端，控件源代码，需要提供手机，QQ，微信，邮箱等联系方式，需要提供7*24小时技术支持服务，需要提供文档教程，视频教程，远程技术指导。

1.下载示例

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

将up6组件复制到项目中

示例中已经包含此目录

1.引入up6组件

2.配置接口地址

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

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

3.处理事件

启动测试

启动成功

效果

数据库

产品源代码：up6-code.zip
授权码生成器：up6-lic-app.zip

声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/w/天景科技苑/article/detail/873426