网页实现文件上传下载功能实例解析_做一个网页,实现文件下载-CSDN博客

本文链接：https://blog.csdn.net/alisky119/article/details/140036758

网页实现文件上传下载功能实例解析，网上基本上全部都是讲上传的，讲下载的很少，也很少提供完整的示例，也没有提供免费技术支持的，我们这边是一家软件公司，主要做信息化的项目，平时客户都有提到这个需求。之前我们用的HTML5，但是后来发现H5实现的下载体验不太好，用户经常会有文件批量下载需求，之前的做法是打包下载，但是后来发现服务器经常崩溃，分析发现用户下载的文件夹太大了，文件数量太多了大概有3万多个文件，每个文件大概有1G左右，或者500MB左右，打包后服务器空间直接被拉满了，

WEB 项目实现文件夹上传(保留目录结构)，网页实现文件夹的上传和下载，WEB前端:上传文件夹(需支持多浏览器)，HTML5文件夹上传下载组件，HTTP支持上传文件夹，

HTML+VUE超大视频上传解决方案，JAVASCRIPT 实现文件夹上传(保留目录结构)，HTML超大文件上传和断点续传的实现，VUE 大文件分片上传(断点续传、并发上传、秒传)，完美解决PHP无法上传大文件方法，

NGINX 实现文件夹上传(保留目录结构)，http之实现文件上传与下载，内网批量大文件上传下载，浏览器超大文件上传和断点续传的实现，超大文件上传解决方案：分片断点上传，

VUE+ELEMENT 上传文件及文件夹，VUE上传大文件的三种解决方案，DJANGO+VUE实现文件夹上传，前端实现文件夹的上传和下载，HTML+前端超大视频上传解决方案，网页项目文件夹上传下载解决方案，

客户是北京的一家国企，建筑行业的，现在的需求是要在WEB端也就 B/S构架，上传和下载文件夹，文件夹比较大，大概有50G左右，里面的文件比较多，可能有1万多个。主要的一个需求就需要支持层级结构，上传下载都需要支持，另外一个就是加密传输和加密存储。

在网上也花时间搜索过相关的资料，论坛里面也有网友交流过，还加过很多QQ群微信群，但是结果都不太令人满意。

几乎所有的文章都是在讲如何使用HTML5的API，至于后端如何实现分布式存储，系统如何设计，如何整合，如何兼容现有系统都没有完整的成熟的解决方案，也没有提供完整的产品源代码，

基本上都没有讲清楚文件夹上传的问题，也没有提供代码，数据库这块的处理代码也没有提供。

不能够满足公司项目上的需求，公司这边实际上是需要一个成熟的商业解决方案，而不是一个文件的上传思路。但是网上几乎所有的文章都是在讲思路和想法，很少有提供成熟解决方案的。另外一方面就是公司项目需要最好能够提供国企和央企的成功案例，这个也是客户那边的要求。项目这块要求比较高，不可能随便在网上找几个开源的代码糊弄过去，因为后期项目要做维护和升级。

前端用了JS，JQuery,vue2,vue3,vue-cli,html5,html，前端框架也比较多，但是网上提供的都是代码片断。

找了一圈基本上都是讲上传的，下载的讲的很少，文章里面也是写的不详细

客户那边是一家国企，主要也是给政府和央企做项目。实际上客户对具体的技术并不关心。客户关注点不在这块，主要是对稳定性和兼容性比较在意。

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

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

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

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

1.全球唯一商业化开源产品

2.国内唯一支持IE浏览器

3.国内唯一支持COM技术构架

4.国内唯一提供第三方应用支持：泛微OA，通达OA，Discuz，