vue+大文件分片上传

 

最近公司在使用vue做工程项目，实现大文件分片上传。

网上找了一天，发现网上很多代码都存在很多问题，最后终于找到了一个符合要求的项目。

工程如下：

 

对项目的大文件上传功能做出分析，怎么实现大文件分片上传时的呢，这个问题网上专门找到监控软件进行监控，如何分片的。

项目开始后使用 http debugger监控工具的记录如下：

 

 

 

 

上传的后台数据通过监控工具可以看到。

从上述的项目中可以领悟到大文件上传中，对于每一次数据的传输都有控件的支撑；来实现分片上传的。

 

上传后自动存储在tomcat服务存储目录中，文件目录：D:\apache-tomcat-6.0.29\webapps\Uploader6MySQL\upload\2019\04\10\a46870816a584ba583143851f2624188

 

传输文件没有问题。

几个文件同时传输会出现什么状况呢

 

上传文件的原目录：C:\Users\liu\Desktop\笔记

 

上传文件的存储地址：D:\apache-tomcat-6.0.29\webapps\Uploader6MySQL\upload\2019\04\10。

 

看样子文件批量上传没有问题。

使用这个项目带入公司的工程吧，Uploader6MySQL在vue项目中使用：

代码：

 

Uploader6MySQL在vue工程项目中的使用很灵活，控件的使用也很方便。

该大文件分片上传工程蛮好用的，还是有点商业价值的。

该项目DEMO下载地址：http://suo.im/5qKp7o