JavaScript开发——文件夹的上传和下载

大家好，欢迎来到IT知识分享网。

JavaScript开发——文件夹的上传和下载，JavaScript实现文件夹的上传和下载，JavaScript实现文件夹的上传和下载解决方案，JavaScript实现文件夹的上传和下载思路，JavaScript实现文件夹的上传和下载源码，JavaScript实现文件夹的上传和下载实例，JavaScript实现大文件分块上传和下载，JavaScript实现大文件分片上传和下载，JavaScript实现大文件加密上传和下载，JavaScript实现大文件批量上传和下载，

前端用了JS，JQuery,vue2,vue3,vue-cli,html5,html

网上搜了一下，基本上大部分的文章里面提到的前端JS或VUE或HTML5上传文件夹的方案都是使用JS的API来实现的，也就是html5提供的一个API，也就是chrome提供的API。用是能用，但是不够好用，有很多限制，也不够灵活。不太能够满足用户的实际应用需求，

多多少少还是有点问题，稳定性，灵活性，可扩展性，安全性方面还是有点问题。chrome的每个域名只允许5个TCP连接的限制，这个基本上是一个无法逾越的鸿沟，目前为止网上还没有发现哪家公司或者个人能够突破的。

我们做项目的话个人用户比较少，一般都是行业用户，比如政府，公司，金融，这类企业，他们对用户体验要求较高。就实际项目开发和实施的情况来看，html5或者chrome提供的功能基本上都是不能够满足他们需求的，都需要我们进行定制开发。

文件夹上传，html5提供了API,用户开始用的时候还行，然后就提了要求要求支持断点续传，

断点续传，就是在文件上传的过程中发生了中断，人为因素（暂停）或者不可抗力（断网或者网络差）导致了文件上传到一半失败了。然后在环境恢复的时候，重新上传该文件，而不至于是从新开始上传的。

断点续传的功能是基于分块上传来实现的，把一个大文件分成很多个小块，服务端能够把每个上传成功的分块都落地下来，客户端在上传文件开始时调用接口快速验证，条件选择跳过某个分块。

实现原理，就是在每个文件上传前，就获取到文件MD5取值，在上传文件前调用接口，如果获取的文件状态是未完成，则返回所有的还没上传的分块的编号，然后前端进行条件筛算出哪些没上传的分块，然后进行上传。

当接收到文件块后就可以直接写入到服务器的文件中。

导入项目：
导入到Eclipse：
http://www.ncmem.com/doc/view.aspx?id=
9da9c7c2b91b40b7b09768eeb282e647
导入到IDEA：
http://www.ncmem.com/doc/view.aspx?id=
9fee385dfc0bf22162
springboot统一配置：
http://www.ncmem.com/doc/view.aspx?id=
7768eec9284b48e3abe08f032f554ea2

下载示例：

https://gitee.com/xproer/up6-jsp-eclipse/tree/6.5.40/