asp.net文件夹上传源码 – 泽优软件博客 http://blog.ncmem.com/wordpress 荆门泽优软件有限公司官方博客 Fri, 15 May 2026 03:24:27 +0000 zh-Hans hourly 1 https://wordpress.org/?v=6.7.5 前端文件上传下载组件 http://blog.ncmem.com/wordpress/2019/12/05/%e5%89%8d%e7%ab%af%e6%96%87%e4%bb%b6%e4%b8%8a%e4%bc%a0%e4%b8%8b%e8%bd%bd%e7%bb%84%e4%bb%b6/ Thu, 05 Dec 2019 09:16:30 +0000 http://blog.ncmem.com/wordpress/?p=1483 继续阅读 前端文件上传下载组件]]> 版权所有 2009-2024 荆门泽优软件有限公司

保留所有权利

相关资料:产品首页,白皮书,白皮书(图文版),产品介绍,产品比较,成功案例,基础组件,控件源代码,个人版报价单,年费版采购说明,示例下载,控件包,控件升级,在线演示,在线文档,并发能力,上传速度,下载速度,Windows控件安装,macOS控件安装,Linux-deb控件安装,Linux-rpm控件安装,安装引导,控件布署,控件升级,IE9加载控件,IE8加载控件,

控件包:cab(x86)控件包,cab(x64)控件包,chrome(45-)控件包,firefox控件包,exe安装包,exe安装包(开机启动),集成包(up6+down2),macOS控件包,Linux-x86-deb安装包,Linux-x86-deb集成包(up6+down2),linux-x86-uos安装包,linux-x86-uos集成包(up6+down2),linux-x86-rpm安装包,linux-x86-rpm集成包(up6+down2),linux-arm-deb安装包,linux-arm-deb集成包(up6+down2),linux-arm-uos安装包,linux-arm-uos集成包(up6+down2),linux-arm-rpm安装包,linux-arm-rpm集成包(up6+down2),linux-mips-deb安装包,linux-mips-deb集成包(up6+down2),linux-mips-uos安装包,linux-mips-uos集成包(up6+down2),linux-loongarch-deb安装包,linux-loongarch-deb集成包(up6+down2),linux-loongarch-uos安装包,linux-loongarch-uos集成包(up6+down2),linux-loongarch-rpm安装包

示例下载:asp.net-vs2013,asp.net-vs2010,jsp-eclipse,jsp-springboot,jsp-myeclipse,php,vue-cil,WinForm(C#),C++(WTL)

教程:WinForm(C#)测试,WTL(C++)测试,在vue.js中使用,在vue-cli中使用,eclipse导入up6

视频教程:windows控件安装,mac控件安装,linux-deb控件包安装,linux-rpm控件包安装,php7测试,php5测试,vue-cli-测试,asp.net-IIS Express测试,asp.net-IIS测试,asp.net-阿里云(oss)测试,asp.net-华为云(obs)测试,jsp-springboot测试,ActiveX(x86)源码编译,ActiveX(x64)源码编译,Windows(npapi)源码编译,macOS源码编译,Linux(x86_64)源码编译,Linux(arm)源码编译,Linux(mips-uos)源码编译,Linux(mips-kylin-涉密环境)源码编译,sm4加密传输,压缩传输,jsp-eclipse-sm4加密存储,jsp-springboot-sm4加密存储,asp.net-sm4加密存储

ASP.NET教程:asp.net,IIS Express,IIS,IIS-Https,Oracle,minio,fastdfs,阿里云对象存储(oss),华为云对象存储(obs)

jsp-eclipse教程:测试教程,oracle,mysql,SQL Server,minio,fastdfs,阿里云对象存储(oss),华为云对象存储(obs),

jsp-springboot教程:测试教程,minio,fastdfs,阿里云对象存储(oss),华为云对象存储(obs)

jsp-myeclipse教程:mysql,oracle,SQL Server,fastdfs

php教程:测试教程,minio,fastdfs,阿里云对象存储(oss),

二次开发:组件引用,自定义事件,自定义业务字段,自定义文件保存路径,授权码,加密存储,加密传输,使用Minio存储,使用FastDFS存储,使用达梦数据库,数据表字段设计,监控fd_create流程,监控f_create流程,监控f_list.jsp流程

相关问题:WebSocket连接失败,md5计算完毕后卡住,域名未授权,网站安全系统拦截,

联系我们:QQ:1269085759(技术),QQ:3040217208(售后),QQ:1085617561(商务),微信:13235643658,邮箱:1269085759@qq.com,1085617561@qq.com,qwl@ncmem.com,

       

产品交流群:泽优Web大文件上传控件

视频教程:https://www.ixigua.com/7226245960341389859

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

 

1.引入up6组件

 

2.配置接口地址

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

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

 

3.定义事件

]]>
js文件上传下载组件 http://blog.ncmem.com/wordpress/2019/12/05/js%e6%96%87%e4%bb%b6%e4%b8%8a%e4%bc%a0%e4%b8%8b%e8%bd%bd%e7%bb%84%e4%bb%b6/ Thu, 05 Dec 2019 08:03:32 +0000 http://blog.ncmem.com/wordpress/?p=1481 继续阅读 js文件上传下载组件]]> 在Web应用系统开发中,文件上传和下载功能是非常常用的功能,今天来讲一下JavaWeb中的文件上传和下载功能的实现。

先说下要求:

PC端全平台支持,要求支持Windows,Mac,Linux

支持所有浏览器。

支持文件批量上传

支持文件夹上传,且要求在服务端保留层级结构。文件夹数量要求支持到10W。

支持大文件断点续传,要求刷新浏览器,重启浏览器,重启电脑后仍然能够继续上传。文件大小要求能够支持到50个G。

支持自动加载本地文件,要求能够自动加载指定的本地文件。

支持文件批量下载,要求不要在服务器打包。因为50G的文件在服务器打包时间比较长。

支持文件夹下载,要求不要在服务器打包,下载到本地后要求保留层级结构

文件列表面板支持路径导航,新建文件夹

 

  对于文件上传,浏览器在上传的过程中是将文件以流的形式提交到服务器端的,如果直接使用Servlet获取上传文件的输入流然后再解析里面的请求参数是比较麻烦,所以一般选择采用apache的开源工具common-fileupload这个文件上传组件。这个common-fileupload上传组件的jar包可以去apache官网上面下载,也可以在struts的lib文件夹下面找到,struts上传的功能就是基于这个实现的。common-fileupload是依赖于common-io这个包的,所以还需要下载这个包。

一、开发环境搭建

  创建一个FileUploadAndDownLoad项目,加入Apache的commons-fileupload文件上传组件的相关Jar包,如下图所示:

 

 

依赖jar包如下

 

二、实现文件上传

前台HTML模板

 

文件块处理逻辑如下

 

保存文件块逻辑如下

web.xml配置如下

 

运行效果如下:

 

文件面板逻辑

前台代码

2.3、文件上传的细节

  上述的代码虽然可以成功将文件上传到服务器上面的指定目录当中,但是文件上传功能有许多需要注意的小细节问题,以下列出的几点需要特别注意的

1、为保证服务器安全,上传文件应该放在外界无法直接访问的目录下,比如放于WEB-INF目录下。

  2、为防止文件覆盖的现象发生,要为上传文件产生一个唯一的文件名。

  3、为防止一个目录下面出现太多文件,要使用hash算法打散存储。

  4、要限制上传文件的最大值。

  5、要限制上传文件的类型,在收到上传文件名时,判断后缀名是否合法。

  针对上述提出的5点细节问题,我们来改进一下UploadHandleServlet,改进后的代码如下:

文件数据表结构

文件夹数据表结构

下载数据表结构

针对上述提出的5点小细节问题进行改进之后,我们的文件上传功能就算是做得比较完善了。

三、文件下载

加载文件列表,注意,这里只列出上传完的文件和文件夹,没有上传完的就不列出了

数据库的处理逻辑比较简单,注意一下SQL语句中的条件即可

  我们要将Web应用系统中的文件资源提供给用户进行下载,首先我们要有一个页面列出上传文件目录下的所有文件,当用户点击文件下载超链接时就进行下载操作,编写一个ListFileServlet,用于列出Web应用系统中所有下载文件。

文件列表加载逻辑

       这里简单说一下ListFileServlet中listfile方法,listfile方法是用来列出目录下的所有文件的,listfile方法内部用到了递归,在实际开发当中,我们肯定会在数据库创建一张表,里面会存储上传的文件名以及文件的具体存放目录,我们通过查询表就可以知道文件的具体存放目录,是不需要用到递归操作的,这个例子是因为没有使用数据库存储上传的文件名和文件的具体存放位置,而上传文件的存放位置又使用了散列算法打散存放,所以需要用到递归,在递归时,将获取到的文件名存放到从外面传递到listfile方法里面的Map集合当中,这样就可以保证所有的文件都存放在同一个Map集合当中。

  编写一个用于处理文件下载的Servlet,DownLoadServlet的代码如下:

文件管理器主要逻辑如下:

文件管理器所有的逻辑都在PageFileMgr.java中实现。

另外,文件管理器有一些相关的配置在data目录下

系统配置数据如下

路径配置如下

文件管理器的脚本处理全部放在index.js中

关于JavaWeb中的文件上传和下载功能的内容就这么多。

最终实现的效果如下:

文件批量上传

文件批量下载

路径导航

更详细教程可以参考我的这篇文章:http://blog.ncmem.com/wordpress/2019/08/12/java-web-%e8%83%bd%e5%a4%9f%e5%ae%9e%e7%8e%b0%e6%95%b4%e4%b8%aa%e6%96%87%e4%bb%b6%e5%a4%b9%e7%9a%84%e4%b8%8a%e4%bc%a0%e4%b8%8b%e8%bd%bd%e5%90%97%ef%bc%9f/

]]>
php文件上传下载组件 http://blog.ncmem.com/wordpress/2019/12/05/php%e6%96%87%e4%bb%b6%e4%b8%8a%e4%bc%a0%e4%b8%8b%e8%bd%bd%e7%bb%84%e4%bb%b6/ Thu, 05 Dec 2019 07:20:01 +0000 http://blog.ncmem.com/wordpress/?p=1479 继续阅读 php文件上传下载组件]]> 相关资料:解决方案,白皮书,产品介绍,产品比较产品源代码开发文档,成功案例,基础组件,示例下载,控件包,控件升级,在线演示,在线文档,并发能力,上传速度,下载速度,Windows控件安装,macOS控件安装,deb包安装,rpm包安装,安装引导,控件部署,控件升级,IE9加载控件,IE8加载控件,
示例下载:asp.net-vs2013,asp.net-vs2010,jsp-eclipse,jsp-springboot,jsp-myeclipse,php,vue-cil,WinForm(C#),C++(WTL)
教程:WinForm(C#)测试,WTL(C++)测试,在vue.js中使用,在vue-cli中使用,eclipse导入up6
源码编译:ActiveX(x86)ActiveX(x64)npapiNativeMessagemacOSLinux(兆芯,海光)arm(鲲鹏,飞腾)龙芯(mips)龙芯(loongarch),
视频教程:解决方案,php7测试,php5测试,vue-cli-测试,asp.net-IIS Express测试,asp.net-IIS测试,asp.net-阿里云(oss)测试,asp.net-华为云(obs)测试,jsp-springboot测试,sm4加密传输,压缩传输,
ASP.NET教程:asp.net,IIS Express,IIS,IIS-Https,Oracle,minio,fastdfs,阿里云对象存储(oss),华为云对象存储(obs)
jsp-eclipse教程:测试教程,oracle,mysql,SQL Server,minio,fastdfs,阿里云对象存储(oss),华为云对象存储(obs),
jsp-springboot教程:测试教程,minio,fastdfs,阿里云对象存储(oss),华为云对象存储(obs)
jsp-myeclipse教程:mysql,oracle,SQL Server,fastdfs
php教程:测试教程,minio,fastdfs,阿里云对象存储(oss),
二次开发:组件引用,自定义事件,自定义业务字段,自定义文件保存路径,授权码,加密存储,加密传输,使用Minio存储,使用FastDFS存储,使用达梦数据库,数据表字段设计,监控fd_create流程,监控f_create流程,监控f_list.jsp流程
相关问题:WebSocket连接失败,md5计算完毕后卡住,域名未授权,网站安全系统拦截,
联系我们:QQ:1269085759(技术),QQ:3040217208(售后),QQ:1085617561(商务),微信:13235643658,邮箱:1269085759@qq.com,1085617561@qq.com,qwl@ncmem.com,
        

视频教程:https://www.bilibili.com/video/BV1im4y117ht/?vd_source=d1843c7f8c164416779b5188178bad8c

 

版本:6.5.41

代码:https://gitee.com/xproer/up6-php/tree/6.5.41/

 

安装环境

PHP:7.2.14

调整块大小

 

NOSQL

NOSQL不需要任何配置,可以直接访问测试

 

SQL

创建数据库

您可以直接复制脚本进行创建

创建表

 

配置数据库连接

6.安装依赖

 

访问页面进行测试

 

数据表中的数据

相关参考:

文件保存位置

php5教程

免费下载产品源代码-泽优开源全平台大文件传输解决方案(up6-down2)

源码工程文档:https://drive.weixin.qq.com/s?k=ACoAYgezAAw1dWofra

免费下载源代码:https://drive.weixin.qq.com/s?k=ACoAYgezAAwbdKCskc

免费下载授权器:https://drive.weixin.qq.com/s?k=ACoAYgezAAw0P06owX

]]>
asp.net文件上传下载组件 http://blog.ncmem.com/wordpress/2019/12/05/asp-net%e6%96%87%e4%bb%b6%e4%b8%8a%e4%bc%a0%e4%b8%8b%e8%bd%bd%e7%bb%84%e4%bb%b6/ Thu, 05 Dec 2019 06:39:32 +0000 http://blog.ncmem.com/wordpress/?p=1477 继续阅读 asp.net文件上传下载组件]]> 版权所有 2009-2023 荆门泽优软件有限公司

保留所有权利

相关资料:产品首页,白皮书,白皮书(图文版),产品介绍,产品比较,成功案例,基础组件,控件源代码,个人版报价单,年费版采购说明,示例下载,控件包,控件升级,在线演示,在线文档,并发能力,上传速度,下载速度,Windows控件安装,macOS控件安装,Linux-deb控件安装,Linux-rpm控件安装,安装引导,控件布署,控件升级,IE9加载控件,IE8加载控件,

控件包:cab(x86)控件包,cab(x64)控件包,chrome(45-)控件包,firefox控件包,exe安装包,exe安装包(开机启动),集成包(up6+down2),macOS控件包,Linux-x86-deb安装包,Linux-x86-deb集成包(up6+down2),linux-x86-uos安装包,linux-x86-uos集成包(up6+down2),linux-x86-rpm安装包,linux-x86-rpm集成包(up6+down2),linux-arm-deb安装包,linux-arm-deb集成包(up6+down2),linux-arm-uos安装包,linux-arm-uos集成包(up6+down2),linux-arm-rpm安装包,linux-arm-rpm集成包(up6+down2),linux-mips-deb安装包,linux-mips-deb集成包(up6+down2),linux-mips-uos安装包,linux-mips-uos集成包(up6+down2),linux-mips-银河麒麟安装包,linux-mips-银河麒麟集成包(up6+down2)

示例下载:asp.net-vs2013,asp.net-vs2010,jsp-eclipse,jsp-springboot,jsp-myeclipse,php,vue-cil,WinForm(C#),C++(WTL)

教程:WinForm(C#)测试,WTL(C++)测试,在vue.js中使用,在vue-cli中使用,eclipse导入up6

视频教程:windows控件安装,mac控件安装,linux-deb控件包安装,linux-rpm控件包安装,php7测试,php5测试,vue-cli-测试,asp.net-IIS Express测试,asp.net-IIS测试,asp.net-阿里云(oss)测试,asp.net-华为云(obs)测试,jsp-springboot测试,ActiveX(x86)源码编译,ActiveX(x64)源码编译,Windows(npapi)源码编译,macOS源码编译,Linux(x86_64)源码编译,Linux(arm)源码编译,Linux(mips-uos)源码编译,Linux(mips-kylin-涉密环境)源码编译,sm4加密传输,压缩传输,

ASP.NET教程:asp.net,IIS Express,IIS,IIS-Https,Oracle,minio,fastdfs,阿里云对象存储(oss),华为云对象存储(obs)

jsp-eclipse教程:测试教程,oracle,mysql,SQL Server,minio,fastdfs,阿里云对象存储(oss),华为云对象存储(obs),

jsp-springboot教程:测试教程,minio,fastdfs,阿里云对象存储(oss),华为云对象存储(obs)

jsp-myeclipse教程:mysql,oracle,SQL Server,fastdfs

php教程:测试教程,minio,fastdfs,阿里云对象存储(oss),

二次开发:组件引用,自定义事件,自定义业务字段,自定义文件保存路径,授权码,加密存储,加密传输,使用Minio存储,使用FastDFS存储,使用达梦数据库,数据表字段设计,监控fd_create流程,监控f_create流程,监控f_list.jsp流程

相关问题:WebSocket连接失败,md5计算完毕后卡住,域名未授权,网站安全系统拦截,

联系我们:QQ:1269085759(技术),QQ:3040217208(售后),QQ:1085617561(商务),微信:13235643658,邮箱:1269085759@qq.com,1085617561@qq.com,qwl@ncmem.com,

*QQ群:374992201 *微信:jmzyqwl

产品交流群:泽优Web大文件上传控件

 

版本:6.5.38

代码:https://gitee.com/xproer/up6-asp-net/tree/6.5.38/

视频教程:https://www.ixigua.com/7200367234802418187

NOSQL

NOSQL无需任何配置可直接访问页面进行测试

SQL

使用IIS

大文件上传测试推荐使用IIS以获取更高性能。

使用IIS Express

小文件上传测试可以使用IIS Express

创建数据库

配置数据库连接信息

访问页面进行测试

 

相关参考:

文件保存位置

]]>
java文件上传下载组件 http://blog.ncmem.com/wordpress/2019/12/05/java%e6%96%87%e4%bb%b6%e4%b8%8a%e4%bc%a0%e4%b8%8b%e8%bd%bd%e7%bb%84%e4%bb%b6/ Thu, 05 Dec 2019 05:35:05 +0000 http://blog.ncmem.com/wordpress/?p=1473 继续阅读 java文件上传下载组件]]> 需求:

支持大文件批量上传(20G)和下载,同时需要保证上传期间用户电脑不出现卡死等体验;

内网百兆网络上传速度为12MB/S

服务器内存占用低

支持文件夹上传,文件夹中的文件数量达到1万个以上,且包含层级结构。

支持PC端全平台操作系统,Windows,Linux,Mac

支持文件和文件夹的批量下载,断点续传。刷新页面后继续传输。关闭浏览器后保留进度信息。

支持文件夹批量上传下载,服务器端保留文件夹层级结构,服务器端文件夹层级结构与本地相同。

支持断点续传,关闭浏览器或刷新浏览器后仍然能够保留进度。

支持文件夹结构管理,支持新建文件夹,支持文件夹目录导航

交互友好,能够及时反馈上传的进度;

服务端的安全性,不因上传文件功能导致JVM内存溢出影响其他功能使用;

最大限度利用网络上行带宽,提高上传速度;

 

分析:

对于大文件的处理,无论是用户端还是服务端,如果一次性进行读取发送、接收都是不可取,很容易导致内存问题。所以对于大文件上传,采用切块分段上传

从上传的效率来看,利用多线程并发上传能够达到最大效率。

 

解决方案:

文件上传页面的前端可以选择使用一些比较好用的上传组件,例如百度的开源组件WebUploader,泽优软件的up6,这些组件基本能满足文件上传的一些日常所需功能,如异步上传文件,文件夹,拖拽式上传,黏贴上传,上传进度监控,文件缩略图,甚至是大文件断点续传,大文件秒传。

 

在web项目中上传文件夹现在已经成为了一个主流的需求。在OA,或者企业ERP系统中都有类似的需求。上传文件夹并且保留层级结构能够对用户行成很好的引导,用户使用起来也更方便。能够提供更高级的应用支撑。

数据库配置类DBConfig.java

import java.sql.Connection;

import java.sql.DriverManager;

import java.sql.SQLException;

import org.apache.commons.lang.StringUtils;

import down2.biz.DnFile;

import down2.biz.DnFileMySQL;

import down2.biz.DnFileOracle;

import down2.biz.DnFileSQL;

 

/**

 * 数据库配置类

* @author jmzy

*/

public class DBConfig {

    public String m_db=”oracle”;//sql,oracle,mysql

    String driver = “”;

    String url = “”;

    String name = “”;

    String pass = “”;

   

    //sql

    String sql_driver= “com.microsoft.sqlserver.jdbc.SQLServerDriver”;

    String sql_url = “jdbc:sqlserver://127.0.0.1:1433;DatabaseName=up6”;

    String sql_name = “sa”;

    String sql_pass = “123456”;

   

    //mysql

    String mysql_driver = “com.mysql.jdbc.Driver”;

    String mysql_url = “jdbc:mysql://127.0.0.1:3306/up6?user=root&password=123456&characterEncoding=UTF-8”;

   

    //oracle数据库配置

    String oracle_driver = “oracle.jdbc.driver.OracleDriver”;

    String oracle_url = “jdbc:oracle:thin:@localhost:1521:orcl”;

    String oracle_name = “system”;

    String oracle_pass = “123456”;

   

    public DBConfig() {

               

        if( StringUtils.equals(this.m_db, “sql”) )

        {

            this.driver = this.sql_driver;

            this.url = this.sql_url;

            this.name = this.sql_name;

            this.pass = this.sql_pass;

        }

        else if( StringUtils.equals(this.m_db, “mysql”) )

        {

            this.driver = this.mysql_driver;

            this.url = this.mysql_url;

        }

        else if( StringUtils.equals(this.m_db, “oracle”) )

        {

            this.driver = this.oracle_driver;

            this.url = this.oracle_url;

            this.name = this.oracle_name;

            this.pass = this.oracle_pass;

        }

    }

   

    public DBFile db() {       

        if( StringUtils.equals(this.m_db, “sql”) ) return new DBFileSQL();

        else if( StringUtils.equals(this.m_db, “mysql”) ) return new DBFileMySQL();

        else if( StringUtils.equals(this.m_db, “oracle”) ) return new DBFileOracle();

        else return new DBFile();

    }

   

    public DnFile down() {

        if( StringUtils.equals(this.m_db, “sql”) ) return new DnFileSQL();

        else if( StringUtils.equals(this.m_db, “mysql”) ) return new DnFileMySQL();

        else if( StringUtils.equals(this.m_db, “oracle”) ) return new DnFileOracle();

        else return new DnFile();      

    }

    public Connection getCon()

    {

        Connection con = null;

       

        try

        {

            Class.forName(this.driver).newInstance();//加载驱动。

            if (StringUtils.equals(this.m_db, “mysql”)) con = DriverManager.getConnection(this.url);

            else con = DriverManager.getConnection(this.url,this.name,this.pass);

        }

        catch (SQLException e)

        {

            // TODO Auto-generated catch block

            e.printStackTrace();

        } catch (InstantiationException e) {

            // TODO Auto-generated catch block

            e.printStackTrace();

        } catch (IllegalAccessException e) {

            // TODO Auto-generated catch block

            e.printStackTrace();

        } catch (ClassNotFoundException e) {

            // TODO Auto-generated catch block

            e.printStackTrace();

        }

        return con;    

    }

}

 

该项目核心就是文件分块上传。前后端要高度配合,需要双方约定好一些数据,才能完成大文件分块,我们在项目中要重点解决的以下问题。

* 如何分片;

* 如何合成一个文件;

* 中断了从哪个分片开始。

如何分,利用强大的js库,来减轻我们的工作,市场上已经能有关于大文件分块的轮子,虽然程序员的天性曾迫使我重新造轮子。但是因为时间的关系还有工作的关系,我只能罢休了。最后我选择了百度的WebUploader来实现前端所需。

如何合,在合之前,我们还得先解决一个问题,我们如何区分分块所属那个文件的。刚开始的时候,我是采用了前端生成了唯一uuid来做文件的标志,在每个分片请求上带上。不过后来在做秒传的时候我放弃了,采用了Md5来维护分块和文件关系。

在服务端合并文件,和记录分块的问题,在这方面其实行业已经给了很好的解决方案了。参考迅雷,你会发现,每次下载中的时候,都会有两个文件,一个文件主体,另外一个就是文件临时文件,临时文件存储着每个分块对应字节位的状态。

这些都是需要前后端密切联系才能做好,前端需要根据固定大小对文件进行分片,并且请求中要带上分片序号和大小。前端发送请求顺利到达后台后,服务器只需要按照请求数据中给的分片序号和每片分块大小(分片大小是固定且一样的)算出开始位置,与读取到的文件片段数据,写入文件即可。

为了便于开发,我 将服务端的业务逻辑进行了如下划分,分成初始化,块处理,文件上传完毕等。

服务端的业务逻辑模块如下

 

 

功能分析:

文件夹生成模块

 

文件夹上传完毕后由服务端进行扫描代码如下

 

分块上传,分块处理逻辑应该是最简单的逻辑了,up6已经将文件进行了分块,并且对每个分块数据进行了标识,这些标识包括文件块的索引,大小,偏移,文件MD5,文件块MD5(需要开启)等信息,服务端在接收这些信息后便可以非常方便的进行处理了。比如将块数据保存到分布式存储系统中

分块上传可以说是我们整个项目的基础,像断点续传、暂停这些都是需要用到分块。

分块这块相对来说比较简单。前端是采用了webuploader,分块等基础功能已经封装起来,使用方便。

借助webUpload提供给我们的文件API,前端就显得异常简单。

前台HTML模板

 

分则必合。把大文件分片了,但是分片了就没有原本文件功能,所以我们要把分片合成为原本的文件。我们只需要把分片按原本位置写入到文件中去。因为前面原理那一部我们已经讲到了,我们知道分块大小和分块序号,我就可以知道该分块在文件中的起始位置。所以这里使用RandomAccessFile是明智的,RandomAccessFile能在文件里面前后移动。但是在andomAccessFile的绝大多数功能,已经被JDK1.4的NIO的“内存映射文件(memory-mapped files)”取代了。我在该项目中分别写了使用RandomAccessFile与MappedByteBuffer来合成文件。分别对应的方法是uploadFileRandomAccessFile和uploadFileByMappedByteBuffer。两个方法代码如下。

秒传功能

服务端逻辑

秒传功能,相信大家都体现过了,网盘上传的时候,发现上传的文件秒传了。其实原理稍微有研究过的同学应该知道,其实就是检验文件MD5,记录下上传到系统的文件的MD5,在一个文件上传前先获取文件内容MD5值或者部分取值MD5,然后在匹配系统上的数据。

Breakpoint-http实现秒传原理,客户端选择文件之后,点击上传的时候触发获取文件MD5值,获取MD5后调用系统一个接口(/index/checkFileMd5),查询该MD5是否已经存在(我在该项目中用redis来存储数据,用文件MD5值来作key,value是文件存储的地址。)接口返回检查状态,然后再进行下一步的操作。相信大家看代码就能明白了。

嗯,前端的MD5取值也是用了webuploader自带的功能,这还是个不错的工具。

控件计算完文件MD5后会触发md5_complete事件,并传值md5,开发者只需要处理这个事件即可,

 

断点续传

up6已经自动对断点续传进行了处理,不需要开发都再进行单独的处理。

在f_post.jsp中接收这些参数,并进行处理,开发者只需要关注业务逻辑,不需要关注其它的方面。

 

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

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

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

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

这是文件夹上传完后的效果

 

这是文件夹上传完后在服务端的存储结构

 

参考文章:http://blog.ncmem.com/wordpress/2019/08/12/java-http%E5%A4%A7%E6%96%87%E4%BB%B6%E6%96%AD%E7%82%B9%E7%BB%AD%E4%BC%A0%E4%B8%8A%E4%BC%A0/

]]>
html5文件夹上传源码 http://blog.ncmem.com/wordpress/2019/12/05/html5%e6%96%87%e4%bb%b6%e5%a4%b9%e4%b8%8a%e4%bc%a0%e6%ba%90%e7%a0%81/ Thu, 05 Dec 2019 04:05:31 +0000 http://blog.ncmem.com/wordpress/?p=1471 继续阅读 html5文件夹上传源码]]> 前段时间做视频上传业务,通过网页上传视频到服务器。

视频大小 小则几十M,大则 1G+,以一般的HTTP请求发送数据的方式的话,会遇到的问题:1,文件过大,超出服务端的请求大小限制;2,请求时间过长,请求超时;3,传输中断,必须重新上传导致前功尽弃;

 

解决方案:

1,修改服务端上传的限制配置;Nginx 以及 PHP 的上传文件限制 不宜过大,一般5M 左右为好;

2,大文件分片,一片一片的传到服务端,再由服务端合并。这么做的好处在于一旦上传失败只是损失一个分片而已,不用整个文件重传,而且每个分片的大小可以控制在4MB以内,服务端限制在4M即可。

前端

Web前端可使用HttpUploader6的大文件上传控件6;官网地址:http://t.cn/EyI6vHh 

<div class=”section section6 section5″>

    <div class=”part1″><href=”javascript:;” target=”_blank” class=”part1__btn”>批量删除</a><span class=”part1__txt”><em class=”part1__num” id=”upload_num”>0</em>个视频,共 <em class=”part1__num” id=”upload_size”>0M</em></span></div>

    <table class=”section5__table”>

        <tbody id=”thelist”>

            <tr class=”thead”>

                <th class=”col1 allCkeck”><input type=”checkbox” name=”” class=”col1__checkBox”/>视频名称</th><th class=”col2″>视频大小</th><th class=”col3″>视频分类</th><th class=”col4″>状态</th><th class=”col5″>进度</th><th>操作</th>

            </tr>

        </tbody>

    </table>

    <div class=”selFile” id=”selFile”>

        <div id=”drag_tips”>

            <div id=”btns__add2″></div>

            <h2 class=”txt1″>选择视频文件</h2>

            <span class=”txt2″>或直接将文件拖拽至此窗口</span>

        </div>

    </div>

    <div class=”btns”><span class=”btns__add” id=”btns__add”>+添加视频文件</span><span class=”btns__upload btns__upload-start” id=”uploadBtn”><class=”btns__upload_icon”></i>开始上传视频</span></div>

</div>

//引入插件

<script type=”text/javascript” src=”media/js/lib/webuploader/js/webuploader.min.js”></script>

upload.js

1 // 文件上传

2 jQuery(function() {

3     var $ = jQuery,

4         $list = $(‘#thelist’),

5         $btn = $(‘#upload-start’),

6         $thead = $(‘.thead’),

7         $part_btn = $(‘.part1__btn’), //批量上传按钮

8         state = ‘pending’,

9         fileCount = 0, //上传文件总数

10         fileSize = 0,//上传文件的总大小

11     // 上传按钮

12         $upload = $(‘#uploadBtn’),

13     // 所有文件的进度信息,key为file id

14         percentages = {},

15     // 所有文件的md5,key为file id

16         md5Obj = {},

17     // 可能有pedding, ready, uploading, confirm, done.

18         state = ‘pedding’,

19         uploader;

20

21     //浏览器关闭提醒

22     window.is_confirm = false;

23     $(window).bind(‘beforeunload’, function(){

24         // 只有在标识变量is_confirm不为false时,才弹出确认提示

25         if(window.is_confirm !== false)

26             return ‘正在上传视频,该操作将丢失视频,是否继续?’;

27     })

28

29     if ( !WebUploader.Uploader.support() ) {

30         alert( ‘Web Uploader 不支持您的浏览器!如果你使用的是IE浏览器,请尝试升级浏览器’);

31         throw new Error( ‘WebUploader does not support the browser you are using.’ );

32     }

33

34     $(“.pop2 .btns__sure”).click(function(){

35         $(‘.popup,.pop’).hide();

36     });

37

38     uploader = WebUploader.create({

39         //拖拽容器

40         dnd:’#selFile’,

41

42         // 不压缩image

43         resize: false,

44

45         // swf文件路径

46         swf: ‘/media/js/lib/webuploader/js/Uploader.swf’,

47

48         // 文件接收服务端。

49         server: ‘/service/upload/upload_file’,

50         //server:’http://vod.test.4399sy.com/service/upload/ssl_upload_file’,

51         formData: {

52             file_id: ‘file’,

53             guid:new Date().getTime() + Math.ceil(Math.random()*100),

54             file_name:”

55         },

56

57         // 选择文件的按钮。可选。

58         // 内部根据当前运行是创建,可能是input元素,也可能是flash.

59         pick: {

60             id:’#btns__add’,

61             innerHTML:”+添加视频文件”

62         },

63

64         // 开起分片上传。

65         chunked: true,

66

67         //如果要分片,分多大一片2M

68         chunkSize:2*1024*1024,

69

70         //上传文件的类型

71         accept:{

72             title: ‘Videos’,

73             extensions: ‘mp4,avi,flv’,

74             mimeTypes: ‘video/*’

75         },

76         //验证文件总数量, 超出则不允许加入队列。

77         fileNumLimit: 10,

78         //单个文件上传的大小限制 2G

79         fileSingleSizeLimit:2*1024*1024*1024,

80

81     });

82

83     //添加文件具体函数

84     function addFile( file ){

85         var data = new Date(),

86             month = (data.getMonth()+1)<10 ? ‘0’+(data.getMonth()+1) : (data.getMonth()+1),

87             day = data.getDate()<10 ? ‘0’+ data.getDate(): data.getDate(),

88             time = data.getFullYear() + “-” + month + “-” + day,

89             $tr = $(‘<tr class=”toBeUploaded” id=”‘+file.id+'”></tr>’),

90             $td = $(‘<td class=”col1″><input type=”checkbox” name=”” class=”col1__checkBox”/><input type=”text” value=”‘+ file.name +'” name=”” class=”name”/></td><td class=”col2″>’+convert_size(file.size)+'</td><td class=”col3″><select class=”class_id”>’+ class_options +'</select></td><td class=”col4″>读取视频中</td><td class=”col5″>0%</td><td class=”col6″><ul><li class=”view”><a target=”_blank” href=”javascript:;”>查看</a></li><li class=”delete”>删除</li></ul></td>’).appendTo($tr),

91             $state = $tr.find(‘td.col4’),

92             $prgress = $tr.find(‘td.col5’),

93             $delbtn = $tr.find(‘li.delete’);

94

95         $(“#selFile”).hide();

96

97         if ( file.getStatus() === ‘invalid’ ) {

98             switch( file.statusText ) {

99                 case ‘exceed_size’:

100                     text = ‘文件大小超出’;

101                     break;

102

103                 case ‘interrupt’:

104                     text = ‘上传暂停’;

105                     break;

106

107                 default:

108                     text = ‘上传失败,请重试’;

109                     break;

110             }

111             showError(text);

112         else {

113             // @todo lazyload

114             percentages[ file.id ] = [ file.size, 0 ];

115             file.rotation = 0;

116         }

117

118         file.on(‘statuschange’, function( cur, prev ) {

119             if ( prev === ‘progress’ ) {

120                 //上传成功

121             else if ( prev === ‘queued’ ) {

122                 // 开始上传

123             }

124

125             // 成功

126             if ( cur === ‘error’ || cur === ‘invalid’ ) {

127                 console.log( file.statusText );

128                 showError( file.statusText );

129                 percentages[ file.id ][ 1 ] = 1;

130             else if ( cur === ‘interrupt’ ) {

131                 showError( ‘interrupt’ );

132             else if ( cur === ‘queued’ ) {

133                 percentages[ file.id ][ 1 ] = 0;

134             else if ( cur === ‘progress’ ) {

135             //   正在上传

136

137             else if ( cur === ‘complete’ ) {

138             //   上传完成

139

140             }

141

142             $tr.removeClass( ‘state-‘ + prev ).addClass( ‘state-‘ + cur );

143         });

144         $delbtn.on(‘click’,function(){

145             uploader.removeFile( file );

146         });

147         $tr.appendTo($list);

148         //$tr.insertAfter($thead);

149     }

150

151     // 负责view的销毁

152     function removeFile( file ) {

153         var $tr = $(‘#’+file.id);

154

155         delete percentages[ file.id ];

156         $tr.off().find(‘.col6’).off().end().remove();

157     }

158

159     function setState( val ) {

160         var file, stats;

161

162         if ( val === state ) {

163             return;

164         }

165

166         $upload.removeClass( ‘state-‘ + state );

167         $upload.addClass( ‘state-‘ + val );

168         state = val;

169

170         switch ( state ) {

171             case ‘pedding’:

172                 uploader.refresh();

173                 break;

174

175             case ‘ready’:

176                 uploader.refresh();

177                 break;

178

179             case ‘uploading’:

180                 $upload.text( ‘暂停上传’ );

181                 break;

182             case ‘paused’:

183                 $upload.text( ‘继续上传’ );

184                 break;

185

186             case ‘confirm’:

187                 //$progress.hide();

188                 $upload.text( ‘开始上传’ ).addClass( ‘disabled’ );

189

190                 stats = uploader.getStats();

191                 if ( stats.successNum && !stats.uploadFailNum ) {

192                     setState( ‘finish’ );

193                     return;

194                 }

195                 break;

196             case ‘finish’:

197                 stats = uploader.getStats();

198                 if ( stats.successNum ) {

199                     alert( ‘上传成功’ );

200                 else {

201                     // 没有成功的图片,重设

202                     state = ‘done’;

203                     location.reload();

204                 }

205                 break;

206         }

207     }

208

209

210     // 当有文件添加进来的时候

211     uploader.on( ‘fileQueued’, function( file ) {

212         fileCount++;

213         fileSize += file.size;

214         $(“#upload_num”).text(fileCount);

215         $(“#upload_size”).text(convert_size(fileSize));

216         md5Obj[ file.id ] = ”;

217         //获取文件MD5 值

218         uploader.md5File( file )

219             // 及时显示进度

220             .progress(function(percentage) {

221                 $( ‘#’+file.id ).find(‘.col4’).text(‘读取文件’+parseInt(percentage*100)+”%”);

222             })

223             // 完成

224             .then(function(val) {

225             console.log(‘md5 result:’, val);

226             md5Obj[ file.id ] = val;

227             $( ‘#’+file.id ).find(‘.col4’).text(‘待上传’);

228             setState( ‘ready’ );

229         });

230         addFile( file );

231     });

232

233     // 删除文件

234     uploader.onFileDequeued = function( file ) {

235         fileCount–;

236         fileSize -= file.size;

237         $(“#upload_num”).text(fileCount);

238         $(“#upload_size”).text(convert_size(fileSize));

239         if ( !fileCount ) {

240             setState( ‘pedding’ );

241         }

242         removeFile( file );

243

244     };

245

246     // 添加“添加文件”的按钮,

247     uploader.addButton({

248         id: ‘#btns__add2’,

249         label: ”

250     });

251

252     // 文件上传过程中创建进度实时显示。

253     uploader.onUploadProgress = function( file, percentage ) {

254         var $tr = $(‘#’+file.id),

255             $percent = $tr.find(‘td.col5’),

256             $state = $tr.find(‘td.col4’);

257         percentage = parseInt(percentage*100);

258         if(! (percentage == 0 && percentage == 100)){

259             $state.text(“正在上传”);

260         }

261         $percent.text( percentage + “%”)

262         percentages[ file.id ][ 1 ] = percentage;

263     };

264

265     //上传前,请求服务端 判断文件是否已经上传过

266     uploader.on( ‘uploadStart’, function( file ) {

267         var type = ‘POST’;

268         var url = ‘/service/upload/determine_video_exist’;

269         var request_data = {

270             ‘md5’: md5Obj[ file.id ],

271             ‘type’:1

272         };

273         var success = function(r) {

274             uploader.upload( file );

275             console.log(r);

276             if(r.code == 1) {

277                 uploader.skipFile( file );

278                 $( ‘#’+file.id ).find(‘.col4’).text(‘视频已存在’);

279                 $( ‘#’+file.id ).find(‘.col5’).text(‘100%’);

280                 $(‘#’+file.id).find(‘.view’).find(‘a’).attr(‘href’,playmain +’/?video_id=’+ r.data.video_id);

281                 $(‘.pop2 .video_game’).text(“所在游戏:”+r.data.game_name);

282                 $(‘.pop2 .create_time’).text(“上传时间:”+r.data.create_time);

283                 $(‘.pop’).hide();

284                 $(‘.pop2’).show();

285                 $(‘.popup’).show();

286             }else if(r.code <= 0) {

287                 showError(r.msg);

288             }else {

289

290             }

291         };

292         request(type, url, request_data, success);

293     });

294

295     //当某个文件的分块在发送前触发,主要用来询问是否要添加附带参数,大文件在开起分片上传的前提下此事件可能会触发多次。

296     uploader.on(‘uploadBeforeSend’, function (obj, data, headers) {

297         $tr = $(“#”+data.id);

298         var file_name = $tr.find(“.name”).val();

299         var class_id = $tr.find(“select.class_id”).val();

300         var reg = /[1-9][0-9]*/g;

301         data.md5 = md5Obj[ obj.file.id ];

302         data.file_name = file_name;

303         data.class_id = class_id;

304         data.guid = data.guid + data.id.replace(/[^0-9]+/g, ”);

305     });

306

307     uploader.on( ‘uploadSuccess’, function( file ,res) {

308         if(res.code == 1){

309             $( ‘#’+file.id ).find(‘.col4’).text(‘成功上传’);

310             console.log(res);

311             $(‘#’+file.id).find(‘.view’).find(‘a’).attr(‘href’,playmain +’/?video_id=’+ res.data.video_id);

312         }else if(res.code == 2) {

313             $( ‘#’+file.id ).find(‘.col4’).text(‘视频已存在’);

314             console.log(res);

315             $(‘#’+file.id).find(‘.view’).find(‘a’).attr(‘href’,playmain +’/?video_id=’+ res.data.video_id);

316         }else {

317             showError(res.msg);

318         }

319     });

320

321     uploader.on( ‘uploadError’, function( file,reason ) {

322         $( ‘#’+file.id ).find(‘.col4’).text(‘上传失败’);

323         console.log(reason);

324     });

325

326     uploader.on( ‘uploadComplete’, function( file ) {

327         $( ‘#’+file.id ).find(‘.progress’).fadeOut();

328     });

329

330     uploader.on( ‘all’, function( type ) {

331         if ( type === ‘startUpload’ ) {

332             state = ‘uploading’;

333         else if ( type === ‘stopUpload’ ) {

334             state = ‘paused’;

335         else if ( type === ‘uploadFinished’ ) {

336             state = ‘done’;

337         }

338

339         if ( state === ‘uploading’ ) {

340             window.is_confirm = true;

341             $(‘.toBeUploaded’).addClass(“uploaded”).removeClass(“toBeUploaded”);

342             $(‘input.name’).attr(“disabled”,”disabled”);

343             $(‘input.col1__checkBox’).hide();

344             $(‘input’).attr(“disabled”,”disabled”);

345             $(‘select.class_id’).attr(“disabled”,”disabled”);

346             $(‘.btns__add’).remove();

347             $upload.addClass(“btns__upload-ing”).removeClass(“btns__upload-start”).html(‘<i class=”btns__upload_icon”></i>正在上传视频’);

348

349         else if(state === ‘done’) {

350             window.is_confirm = false;

351             console.log(“上传完成”);

352             $upload.addClass(“btns__upload-start btns__upload-refresh”).removeClass(“btns__upload-ing”).html(‘<i class=”btns__upload_icon”></i>开始上传视频’);

353         }

354     });

355

356     /**

357      验证文件格式以及文件大小

358      */

359     uploader.on(“error”,function (type){

360         var msg = ”

361         switch (type){

362             case “Q_TYPE_DENIED”: msg = “请上传mp4格式文件”;break;

363             case “F_EXCEED_SIZE”: msg = “文件大小不能超过1G”;break;

364             case “Q_EXCEED_NUM_LIMIT” : msg = “一次最多能上传10个文件”;break;

365             default: msg=”;

366         }

367         if(msg != ”){

368             showError(msg);

369         }

370     });

371

372     $part_btn.on(‘click’,function(){

373         $(‘td .col1__checkBox’).each(function(){

374             if($(this).is(‘:checked’)){

375                 var $tr = $(this).parents(‘tr’);

376                 var id = $tr.attr(‘id’);

377                 uploader.removeFile( id );

378             }

379         });

380     });

381     $upload.on(‘click’, function() {

382         var isbreak = false;

383         $(“.name”).each(function(){

384             if(!$(this).val()|| $(this).val() == ”){

385                 isbreak = true;

386             }

387         })

388         if(isbreak){

389             showError(“文件名不能存在为空”);

390             return;

391         }

392         $(“select.class_id”).each(function(){

393             if(!$(this).val()|| $(this).val() == ”){

394                 isbreak = true;

395             }

396         })

397         if(isbreak){

398             showError(“分类不能为空,请先添加分类”);

399             return;

400         }

401         if ( $(this).hasClass( ‘btns__upload-refresh’ ) ) {

402             location.reload();

403         }

404         if ( $(this).hasClass( ‘btns__upload-ing’ ) ) {

405             return false;

406         }

407         var md5Ready = true;

408         $.each(md5Obj,function(index,item){

409             if(!item || item==”){

410                 md5Ready = false;

411             }

412         });

413         if(!md5Ready){

414             showError(‘文件尚未读取完成,请耐心等待’);

415             return false;

416         }

417         if ( state === ‘ready’ && md5Ready ) {

418             uploader.upload();

419         else if ( state === ‘paused’ ) {

420             uploader.upload();

421         else if ( state === ‘uploading’ ) {

422             uploader.stop();

423         }

424     });

425     $upload.addClass( ‘state-‘ + state );

426

427 });

 

后台(PHP)【仅分片上传相关代码】

  1     public function action_upload_file(){

  2         $file_id = R::string(‘file_id’, ‘file’);

  3         $keepFileName = R::string(‘keepFileName’, 0);

  4         $unsize_change = R::numeric(‘unsize_change’,0);

  5         $id = R::string(‘id’);   //插件每上传一个视频自带id

  6         $guid = R::string(‘guid’);  //标识视频

  7         $chunks = R::numeric(‘chunks’);  // 分片数

  8         $chunk = R::numeric(‘chunk’);  //分片号

  9         $file_name = R::string(‘file_name’);

 10         $file = isset($_FILES[$file_id])?$_FILES[$file_id]:”;

 11         $md5 = R::string(‘md5’);

 12         $this->upload = new Common_Upload();

 13

 14         if(empty($guid) || empty($file_name) || empty($md5)){

 15             $this->response_msg(-1, ‘guid 或 file_name 或 md5 不能为空’);

 16             return;

 17         }

 18

 19         if(empty($file[‘name’])){

 20             $this->response_msg(-1, ‘请上传一个文件’);

 21             return;

 22         }else{

 23             if($chunks){

 24                 $res = $this->upload->saveFile_chunks($file,$chunks$chunk$guid);

 25                 if(empty($res)){

 26                     $this->response_msg(-2, ‘分片上传失败’);

 27                     return;

 28                 }

 29

 30             }else if($keepFileName){

 31                 $res = $this->upload->saveFile_nochunks($file, ”, ”, $keepFileName);

 32             }else{

 33                 $res = $this->upload->saveFile_nochunks($file);

 34             }

 35             if(empty($res)){

 36                 $err = $this->upload->getError();

 37                 $this->response_msg(-3, ‘上传文件出错!msg:’.print_r($errtrue));

 38                 return;

 39             }

 40             if($unsize_change){

 41                 $size = $res[‘size’];

 42             }else{

 43                 $size = $this->convert_size($res[‘size’]);

 44             }

 45

 46             //视频上传完成

 47             if($chunks && $res[‘last_chunk’]){

 48                 $domain = Kohana::$config->load(‘domain’);

 49                 $video_domain = $domain[RUN_MOD][‘VIDEO’];

 50

 51                 if(!empty($file_name)){

 52                     $res[‘name’] = $file_name;

 53                 }

 54                 $video_data = array(

 55                     ‘video_name’=> $file_name,

 56                     ‘video_url’=> $video_domain.”/”.$res[‘path’],

 57                     ‘size’=>$res[‘size’],

 58                     ‘create_time’=> date(‘y-m-d H:i:s’,time()),

 59                     ‘update_time’=> date(‘y-m-d H:i:s’,time()),

 60                     ‘duration’=> $res[‘time’],

 61                     ‘md5’=>$md5

 62                 );

 63                 $video_mod = new Model_Videoinfo();

 64                 $video = $video_mod->save_video($video_data,$guid);

 65                 $res = array(

 66                     ‘path’=>$res[‘path’],

 67                     ‘chunks’=>$chunks,

 68                     ‘chunk’=>$chunk,

 69                     ‘size’=>$size,

 70                     ‘guid’=> $guid,

 71                     ‘video_id’=>$video[0],

 72                     ‘file’=>$file,

 73                     ‘id’=>$id

 74                 );

 75                 $this->response_msg(1,’视频上传成功’,$res);

 76                 return;

 77             }

 78             //非分片上传

 79             if(!$chunks){

 80                 $domain = Kohana::$config->load(‘domain’);

 81                 $video_domain = $domain[RUN_MOD][‘VIDEO’];

 82                 if(!empty($file_name)){

 83                     $res[‘name’] = $file_name;

 84                 }

 85                 $video_data = array(

 86                     ‘video_name’=> $file_name,

 87                     ‘video_url’=> $video_domain.”/”.$res[‘path’],

 88                     ‘size’=>$res[‘size’],

 89                     ‘create_time’=> date(‘y-m-d H:i:s’,time()),

 90                     ‘update_time’=> date(‘y-m-d H:i:s’,time()),

 91                     ‘duration’=> $res[‘time’],

 92                     ‘md5’=>$md5

 93                 );

 94                 $video_mod = new Model_Videoinfo();

 95                 $video = $video_mod->save_video($video_data,$guid);

 96                 if(empty($video)){

 97                     $this->response_msg(-6, ‘视频信息保存失败’);

 98                     return;

 99                 }

100                 $res = array(

101                     ‘path’=>$res[‘path’],

102                     ‘video_data’=>$video_data,

103                     ‘size’=>$size,

104                     ‘guid’=> $guid,

105                     ‘video_id’=>$video[0],

106                     ‘file’=>$file,

107                     ‘id’=>$id

108                 );

109                 $this->response_msg(1,’视频上传成功’,$res);

110                 return;

111             }

112             //分片上传成功(未全部分片上传完成)

113             $res = array(

114                 ‘chunks’=>$chunks,

115                 ‘chunk’=>$chunk,

116             );

117             $this->response_msg(2, ‘分片上传成功’,$res);

118         }

119     }

 

 

  1     /**

  2      保存分片文件(注意先验证文件是否合法)

  3      *

  4      * @param array $file 单个文件

  5      * @param string $attachdir 上传文件路径

  6      * @param string $upload_type 上传文件类型

  7      * @param bool $keepFileName 是否保持文件名,默认不不保持

  8      * @return bool

  9      */

 10     public function saveFile_chunks($file,$chunks$chunk$guid)

 11     {

 12         if(empty($guid) || empty($file) ){

 13             return false;

 14         }

 15         $file_name = (string)$guid . $chunk;

 16         //保存分片文件

 17         $file_info = $this->saveFile($file, ”, ”, false$file_name,true);

 18         if ($file_info) {

 19             $cache = Cache::instance(‘memcache’);

 20             //记录已上传的分片编号,上传顺序并不是按编号顺序进行上传

 21             $chunks_list_pre = $cache->get($guid);

 22             if(empty($chunks_list_pre)){

 23                 $strarr = array();

 24                 for($i=0;$i<$chunks;$i++){

 25                     $strarr[] = $guid.$i;

 26                 }

 27                 $cache->set($guid,$strarr,60 * 60 * 24);

 28             }

 29             $file_path = $cache->set($guid.$chunk,$file_info[‘path’],60 * 60 * 24);

 30

 31             $chunk_path_arrayarray();

 32             for($i=0;$i<$chunks;$i++){

 33                 if($cache->get($guid.$i)){

 34                     $chunk_path_array[$i] = $cache->get($guid.$i);

 35                 }

 36             }

 37             list($Y,$M,$D,$H,$I,$S) = explode(‘-‘,date(“Y-m-d-H-i-s”, time()));

 38             $file_info[‘chunks_path_count’] = count($chunk_path_array);

 39             $file_info[‘last_chunk’] = false;

 40             if (count($chunk_path_array) == $chunks) {

 41                 //按目录类型存储

 42                 $dirType = substr($file_info[‘type’], 1, strlen($file_info[‘type’]));;

 43                 //目录类型前面加上前缀url

 44                 $dirType = $this->pre_url.$dirType;

 45                 //按年月二级存储

 46                 $month_file_path = $Y.’/’.$M;

 47                 $saveName =’upload/mp4/’.$month_file_path.’/original/’.$guid.$file_info[‘type’];

 48                 $join_file_name =$this->attachDIR.$saveName;

 49                 if(!is_dir($this->attachDIR.’upload/mp4/’.$month_file_path.’/original/’)){

 50                     mkdir($this->attachDIR.’upload/mp4/’.$month_file_path.’/original/’,0755,true);

 51                 }

 52                 if(! file_exists($join_file_name)){

 53                     $fp = fopen($join_file_name, “ab”);

 54                     //合并过程中对文件加锁,防止同时操作而出错

 55                     if (flock($fp,LOCK_EX)){

 56                         for ($i = 0; $i < $chunks$i++) {

 57                                 $tmp_file = $this->attachDIR . $chunk_path_array[$i];

 58                                 $handle = fopen($tmp_file, “rb”);

 59                                 fwrite($fpfread($handlefilesize($tmp_file)));

 60                                 fclose($handle);

 61                                 unset($handle);

 62                                 unlink($tmp_file);//合并完毕的文件就删除

 63                         }//组装分片

 64                         $cache->delete($guid);

 65                         for($i=0;$i<$chunks;$i++){

 66                             $cache->delete($guid.$i);

 67                         }

 68                         $time = $this->getTime($join_file_name,$file_info[‘type’]);

 69                         $file_info[‘time’] = $time;

 70                         $file_info[‘path’] = $saveName;

 71                         $file_info[‘size’] = filesize($join_file_name);

 72                         $file_info[‘last_chunk’] = true;

 73

 74                         $model_mod = new Model_Base();

 75                         $model_mod->disconnect();

 76                         $pid = pcntl_fork();

 77                         //父进程和子进程都会执行下面代码

 78                         if ($pid == -1) {

 79                             //错误处理:创建子进程失败时返回-1.

 80                             die(‘could not fork’);

 81                         else if ($pid) {

 82                             $model_mod->connect();

 83                             //对上传完成的视频进行排队转码

 84                             $this->thread($join_file_name,$file_info[‘type’],$guid);

 85                             //父进程会得到子进程号,所以这里是父进程执行的逻辑

 86                             pcntl_wait($status); //等待子进程中断,防止子进程成为僵尸进程。

 87                         else {

 88                             return $file_info;

 89                             //子进程得到的$pid为0, 所以这里是子进程执行的逻辑。

 90                         }

 91

 92                     }

 93                 }

 94

 95             }

 96             return $file_info;

 97         else {

 98                 $this->error[] = ‘分片上传失败’;

 99                 return false;

100         }

101             /*}}}*/

102         }

 

1,实现了分片上传;

2,同时在上传前检查视频md5 是否在库,如已存在可实现“秒传” 功能,即直接复制数据信息,指向同一个文件,不必再上传;

3,可实现断点续传,上传过程中中断;之前上传的分片已保留在服务器,只需重新上传尚未上传的分片即可;

参考文章:http://blog.ncmem.com/wordpress/2019/08/12/java-http%E5%A4%A7%E6%96%87%E4%BB%B6%E6%96%AD%E7%82%B9%E7%BB%AD%E4%BC%A0%E4%B8%8A%E4%BC%A0/

]]>
vue文件夹上传源码 http://blog.ncmem.com/wordpress/2019/12/05/vue%e6%96%87%e4%bb%b6%e5%a4%b9%e4%b8%8a%e4%bc%a0%e6%ba%90%e7%a0%81/ Thu, 05 Dec 2019 02:58:13 +0000 http://blog.ncmem.com/wordpress/?p=1469 继续阅读 vue文件夹上传源码]]> 相关资料:解决方案,白皮书,产品介绍,产品比较,开发文档,成功案例,基础组件,示例下载,控件包,控件升级,在线演示,在线文档,并发能力,上传速度,下载速度,Windows控件安装,macOS控件安装,Linux-deb控件安装,Linux-rpm控件安装,安装引导,控件布署,控件升级,IE9加载控件,IE8加载控件,

示例下载:asp.net-vs2013,asp.net-vs2010,jsp-eclipse,jsp-springboot,jsp-myeclipse,php,vue-cil,WinForm(C#),C++(WTL)

教程:WinForm(C#)测试,WTL(C++)测试,在vue.js中使用,在vue-cli中使用,eclipse导入up6

视频教程:解决方案,windows控件安装,mac控件安装,linux-deb控件包安装,linux-rpm控件包安装,php7测试,php5测试,vue-cli-测试,asp.net-IIS Express测试,asp.net-IIS测试,asp.net-阿里云(oss)测试,asp.net-华为云(obs)测试,jsp-springboot测试,ActiveX(x86)源码编译,ActiveX(x64)源码编译,Windows(npapi)源码编译,macOS源码编译,Linux(x86_64)源码编译,Linux(arm)源码编译,Linux(mips-uos)源码编译,Linux(mips-kylin-涉密环境)源码编译,sm4加密传输,压缩传输,

ASP.NET教程:asp.net,IIS Express,IIS,IIS-Https,Oracle,minio,fastdfs,阿里云对象存储(oss),华为云对象存储(obs)

jsp-eclipse教程:测试教程,oracle,mysql,SQL Server,minio,fastdfs,阿里云对象存储(oss),华为云对象存储(obs),

jsp-springboot教程:测试教程,minio,fastdfs,阿里云对象存储(oss),华为云对象存储(obs)

jsp-myeclipse教程:mysql,oracle,SQL Server,fastdfs

php教程:测试教程,minio,fastdfs,阿里云对象存储(oss),

二次开发:组件引用,自定义事件,自定义业务字段,自定义文件保存路径,授权码,加密存储,加密传输,使用Minio存储,使用FastDFS存储,使用达梦数据库,数据表字段设计,监控fd_create流程,监控f_create流程,监控f_list.jsp流程

相关问题:WebSocket连接失败,md5计算完毕后卡住,域名未授权,网站安全系统拦截,

联系我们:QQ:1269085759(技术),QQ:3040217208(售后),QQ:1085617561(商务),微信:13235643658,邮箱:1269085759@qq.com,1085617561@qq.com,qwl@ncmem.com,

        

产品交流群:泽优Web大文件上传控件

视频教程:https://www.bilibili.com/video/BV1jm4y127Ut/?vd_source=d1843c7f8c164416779b5188178bad8c

环境:vue2-cli

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

 

1.下载示例

 

将up6组件复制到项目中

示例中已经包含此目录

 

1.引入up6组件

 

2.配置接口地址

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

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

 

3.处理事件

 

启动测试

 

启动成功

 

访问测试页面

 

效果

 

数据库

 

下载产品源代码-泽优全平台开源大文件上传控件(up6)

免费下载源代码:https://drive.weixin.qq.com/s?k=ACoAYgezAAwbdKCskc

免费下载授权器:https://drive.weixin.qq.com/s?k=ACoAYgezAAw0P06owX

]]>
前端文件夹上传源码 http://blog.ncmem.com/wordpress/2019/12/05/%e5%89%8d%e7%ab%af%e6%96%87%e4%bb%b6%e5%a4%b9%e4%b8%8a%e4%bc%a0%e6%ba%90%e7%a0%81/ Thu, 05 Dec 2019 01:57:25 +0000 http://blog.ncmem.com/wordpress/?p=1467 继续阅读 前端文件夹上传源码]]> 相关资料:产品首页,白皮书,控件包,白皮书(图文版),产品介绍,产品比较,开发文档,成功案例,基础组件,示例下载,控件包,控件升级,在线演示,在线文档,并发能力,上传速度,下载速度,Windows控件安装,macOS控件安装,Linux-deb控件安装,Linux-rpm控件安装,安装引导,控件布署,控件升级,IE9加载控件,IE8加载控件,

标杆案例:中国港湾中国中车中国石油中国石化,长江电力中信证券上海通用一汽大众,沈阳自动化研究所,

解决方案:党政央企国防军工房地产档案管理教育医疗工程管理企业文件传输解决方案

示例下载:asp.net-vs2013,asp.net-vs2010,jsp-eclipse,jsp-springboot,jsp-myeclipse,php,vue-cil,WinForm(C#),C++(WTL)

教程:WinForm(C#)测试,WTL(C++)测试,在vue.js中使用,在vue-cli中使用,eclipse导入up6

视频教程:windows控件安装,mac控件安装,linux-deb控件包安装,linux-rpm控件包安装,php7测试,php5测试,vue-cli-测试,asp.net-IIS Express测试,asp.net-IIS测试,asp.net-阿里云(oss)测试,asp.net-华为云(obs)测试,jsp-springboot测试,ActiveX(x86)源码编译,ActiveX(x64)源码编译,Windows(npapi)源码编译,macOS源码编译,Linux(x86_64)源码编译,Linux(arm)源码编译,Linux(mips-uos)源码编译,Linux(mips-kylin-涉密环境)源码编译,sm4加密传输,压缩传输,jsp-eclipse-sm4加密存储,jsp-springboot-sm4加密存储,asp.net-sm4加密存储

ASP.NET教程:asp.net,IIS Express,IIS,IIS-Https,Oracle,minio,fastdfs,阿里云对象存储(oss),华为云对象存储(obs)

jsp-eclipse教程:测试教程,oracle,mysql,SQL Server,minio,fastdfs,阿里云对象存储(oss),华为云对象存储(obs),

jsp-springboot教程:测试教程,minio,fastdfs,阿里云对象存储(oss),华为云对象存储(obs)

jsp-myeclipse教程:mysql,oracle,SQL Server,fastdfs

php教程:测试教程,minio,fastdfs,阿里云对象存储(oss),

二次开发:组件引用,自定义事件,自定义业务字段,自定义文件保存路径,授权码,加密存储,加密传输,使用Minio存储,使用FastDFS存储,使用达梦数据库,数据表字段设计,监控fd_create流程,监控f_create流程,监控f_list.jsp流程

相关问题:WebSocket连接失败,md5计算完毕后卡住,域名未授权,网站安全系统拦截,

联系我们:QQ:1269085759(技术),QQ:3040217208(售后),QQ:1085617561(商务),微信:13235643658,邮箱:1269085759@qq.com,1085617561@qq.com,qwl@ncmem.com,

       

产品交流群:泽优Web大文件上传控件


视频教程:
https://www.ixigua.com/7226245960341389859

 

1.下载示例

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

 

 

up6组件复制到项目中

示例中已经包含此目录

 

 

1.引入up6组件

 

 

2.配置接口地址

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

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

 

 

3.处理事件

 

 

启动测试

 

 

启动成功

 

 

效果

 

 

数据库

 

 

大文件上传控件(up6

个人版:http://www.ncmem.com/webapp/up6/purchase.aspx

政企版:http://www.ncmem.com/webapp/up6/purchase.aspx?type=ent

年费版:http://www.ncmem.com/webapp/up6/purchase.aspx?type=year

OEM版:http://www.ncmem.com/webapp/up6/purchase.aspx?type=oem

源码版:http://www.ncmem.com/webapp/up6/purchase.aspx?type=code

免费下载源代码:https://drive.weixin.qq.com/s?k=ACoAYgezAAwbdKCskc

免费下载授权器:https://drive.weixin.qq.com/s?k=ACoAYgezAAw0P06owX

 

大文件上传下载控件(up6-down2

政企版:http://www.ncmem.com/webapp/up6/purchase.aspx?type=ent

年费版:http://www.ncmem.com/webapp/up6/purchase.aspx?type=year

OEM版:http://www.ncmem.com/webapp/up6/purchase.aspx?type=oem

源码版:http://www.ncmem.com/webapp/up6/purchase.aspx?type=code

源码工程文档:https://drive.weixin.qq.com/s?k=ACoAYgezAAw1dWofra

免费下载源代码:https://drive.weixin.qq.com/s?k=ACoAYgezAAwbdKCskc

免费下载授权器:https://drive.weixin.qq.com/s?k=ACoAYgezAAw0P06owX

]]>
asp.net文件夹上传源码 http://blog.ncmem.com/wordpress/2019/12/05/asp-net%e6%96%87%e4%bb%b6%e5%a4%b9%e4%b8%8a%e4%bc%a0%e6%ba%90%e7%a0%81/ Thu, 05 Dec 2019 01:05:57 +0000 http://blog.ncmem.com/wordpress/?p=1465 继续阅读 asp.net文件夹上传源码]]> ASP.NET上传文件用FileUpLoad就可以,但是对文件夹的操作却不能用FileUpLoad来实现。

下面这个示例便是使用ASP.NET来实现上传文件夹并对文件夹进行压缩以及解压。

ASP.NET页面设计:TextBox和Button按钮。

TextBox中需要自己受到输入文件夹的路径(包含文件夹),通过Button实现选择文件夹的问题还没有解决,暂时只能手动输入。

两种方法:生成rar和zip。

1.生成rar

using Microsoft.Win32;

using System.Diagnostics;

protected void Button1Click(object sender, EventArgs e)

    {

        RAR(@”E:\95413594531\GIS”, “tmptest”, @”E:\95413594531\”);

    }

    ///

   /// 压缩文件

   ///

   /// 需要压缩的文件夹或者单个文件

   /// 生成压缩文件的文件名

   /// 生成压缩文件保存路径

   ///

    protected bool RAR(string DFilePath, string DRARName,string DRARPath)

    {

        String therar;

        RegistryKey theReg;

        Object theObj;

        String theInfo;

        ProcessStartInfo theStartInfo;

        Process theProcess;

        try

        {

            theReg = Registry.ClassesRoot.OpenSubKey(@”Applications\WinRAR.exe\Shell\Open\Command”); //注:未在注册表的根路径找到此路径

            theObj = theReg.GetValue(“”);

            therar = theObj.ToString();

            theReg.Close();

            therar = therar.Substring(1, therar.Length – 7);

            theInfo = ” a    ” + ” ” + DRARName + ”  ” + DFilePath +” -ep1″; //命令 + 压缩后文件名 + 被压缩的文件或者路径

            theStartInfo = new ProcessStartInfo();

            theStartInfo.FileName = therar;

            theStartInfo.Arguments = theInfo;

            theStartInfo.WindowStyle = ProcessWindowStyle.Hidden;

            theStartInfo.WorkingDirectory = DRARPath ; //RaR文件的存放目录。

            theProcess = new Process();

            theProcess.StartInfo = theStartInfo;

            theProcess.Start();

            theProcess.WaitForExit();

            theProcess.Close();

            return true;

        }

        catch (Exception ex)

        {

            return false;

        }

    }

 

    ///

    /// 解压缩到指定文件夹

    ///

    /// 压缩文件存在的目录

    /// 压缩文件名称

    /// 解压到文件夹

    ///

    protected bool UnRAR(string RARFilePath,string RARFileName,string UnRARFilePath)

    {

        //解压缩

        String therar;

        RegistryKey theReg;

        Object theObj;

        String theInfo;

        ProcessStartInfo theStartInfo;

        Process theProcess;

        try

         {

            theReg = Registry.ClassesRoot.OpenSubKey(@”Applications\WinRar.exe\Shell\Open\Command”);

            theObj = theReg.GetValue(“”);

            therar = theObj.ToString();

            theReg.Close();

            therar = therar.Substring(1, therar.Length – 7);

            theInfo = @” X ” + ” ” + RARFilePath + RARFileName + ” ” + UnRARFilePath;

            theStartInfo = new ProcessStartInfo();

            theStartInfo.FileName = therar;

            theStartInfo.Arguments = theInfo;

            theStartInfo.WindowStyle = ProcessWindowStyle.Hidden;

            theProcess = new Process();

            theProcess.StartInfo = theStartInfo;

            theProcess.Start();

            return true;

        }

        catch (Exception ex)

         {

             return false;

         }

    }

注:这种方法在在电脑注册表中未找到应有的路径,未实现,仅供参考。

2.生成zip

通过调用类库ICSharpCode.SharpZipLib.dll

该类库可以从网上下载。也可以从本链接下载:SharpZipLib_0860_Bin.zip

增加两个类:Zip.cs和UnZip.cs

(1)Zip.cs

using System;

using System.Collections.Generic;

using System.Linq;

using System.Web;

 

using System.IO;

using System.Collections;

using ICSharpCode.SharpZipLib.Checksums;

using ICSharpCode.SharpZipLib.Zip;

 

 

namespace UpLoad

{

    /// <summary>

    /// 功能:压缩文件

    /// creator chaodongwang 2009-11-11

    /// </summary>

    public class Zip

    {

        /// <summary>

        /// 压缩单个文件

        /// </summary>

        /// <param name=”FileToZip”>被压缩的文件名称(包含文件路径)</param>

        /// <param name=”ZipedFile”>压缩后的文件名称(包含文件路径)</param>

        /// <param name=”CompressionLevel”>压缩率0(无压缩)-9(压缩率最高)</param>

        /// <param name=”BlockSize”>缓存大小</param>

        public void ZipFile(string FileToZip, string ZipedFile, int CompressionLevel)

        {

            //如果文件没有找到,则报错

            if (!System.IO.File.Exists(FileToZip))

            {

                throw new System.IO.FileNotFoundException(“文件:” + FileToZip + “没有找到!”);

            }

 

            if (ZipedFile == string.Empty)

            {

                ZipedFile = Path.GetFileNameWithoutExtension(FileToZip) + “.zip”;

            }

 

            if (Path.GetExtension(ZipedFile) != “.zip”)

            {

                ZipedFile = ZipedFile + “.zip”;

            }

 

            ////如果指定位置目录不存在,创建该目录

            //string zipedDir = ZipedFile.Substring(0,ZipedFile.LastIndexOf(“\\”));

            //if (!Directory.Exists(zipedDir))

            //    Directory.CreateDirectory(zipedDir);

 

            //被压缩文件名称

            string filename = FileToZip.Substring(FileToZip.LastIndexOf(‘\\’) + 1);

           

            System.IO.FileStream StreamToZip = new System.IO.FileStream(FileToZip, System.IO.FileMode.Open, System.IO.FileAccess.Read);

            System.IO.FileStream ZipFile = System.IO.File.Create(ZipedFile);

            ZipOutputStream ZipStream = new ZipOutputStream(ZipFile);

            ZipEntry ZipEntry = new ZipEntry(filename);

            ZipStream.PutNextEntry(ZipEntry);

            ZipStream.SetLevel(CompressionLevel);

            byte[] buffer = new byte[2048];

            System.Int32 size = StreamToZip.Read(buffer, 0, buffer.Length);

            ZipStream.Write(buffer, 0, size);

            try

            {

                while (size < StreamToZip.Length)

                {

                    int sizeRead = StreamToZip.Read(buffer, 0, buffer.Length);

                    ZipStream.Write(buffer, 0, sizeRead);

                    size += sizeRead;

                }

            }

            catch (System.Exception ex)

            {

                throw ex;

            }

            finally

            {

                ZipStream.Finish();

                ZipStream.Close();

                StreamToZip.Close();

            }

        }

 

        /// <summary>

        /// 压缩文件夹的方法

        /// </summary>

        public void ZipDir(string DirToZip, string ZipedFile, int CompressionLevel)

        {

            //压缩文件为空时默认与压缩文件夹同一级目录

            if (ZipedFile == string.Empty)

            {

                ZipedFile = DirToZip.Substring(DirToZip.LastIndexOf(“\\”) + 1);

                ZipedFile = DirToZip.Substring(0, DirToZip.LastIndexOf(“\\”)) +”\\”+ ZipedFile+”.zip”;

            }

 

            if (Path.GetExtension(ZipedFile) != “.zip”)

            {

                ZipedFile = ZipedFile + “.zip”;

            }

 

            using (ZipOutputStream zipoutputstream = new ZipOutputStream(File.Create(ZipedFile)))

            {

                zipoutputstream.SetLevel(CompressionLevel);

                Crc32 crc = new Crc32();

                Hashtable fileList = getAllFies(DirToZip);

                foreach (DictionaryEntry item in fileList)

                {

                    FileStream fs = File.OpenRead(item.Key.ToString());

                    byte[] buffer = new byte[fs.Length];

                    fs.Read(buffer, 0, buffer.Length);

                    ZipEntry entry = new ZipEntry(item.Key.ToString().Substring(DirToZip.Length + 1));

                    entry.DateTime = (DateTime)item.Value;

                    entry.Size = fs.Length;

                    fs.Close();

                    crc.Reset();

                    crc.Update(buffer);

                    entry.Crc = crc.Value;

                    zipoutputstream.PutNextEntry(entry);

                    zipoutputstream.Write(buffer, 0, buffer.Length);

                }

            }

        }

 

        /// <summary>

        /// 获取所有文件

        /// </summary>

        /// <returns></returns>

        private Hashtable getAllFies(string dir)

        {

            Hashtable FilesList = new Hashtable();

            DirectoryInfo fileDire = new DirectoryInfo(dir);

            if (!fileDire.Exists)

            {

                throw new System.IO.FileNotFoundException(“目录:” + fileDire.FullName + “没有找到!”);

            }

 

            this.getAllDirFiles(fileDire, FilesList);

            this.getAllDirsFiles(fileDire.GetDirectories(), FilesList);

            return FilesList;

        }

        /// <summary>

        /// 获取一个文件夹下的所有文件夹里的文件

        /// </summary>

        /// <param name=”dirs”></param>

        /// <param name=”filesList”></param>

        private void getAllDirsFiles(DirectoryInfo[] dirs, Hashtable filesList)

        {

            foreach (DirectoryInfo dir in dirs)

            {

                foreach (FileInfo file in dir.GetFiles(“*.*”))

                {

                    filesList.Add(file.FullName, file.LastWriteTime);

                }

                this.getAllDirsFiles(dir.GetDirectories(), filesList);

            }

        }

        /// <summary>

        /// 获取一个文件夹下的文件

        /// </summary>

        /// <param name=”strDirName”>目录名称</param>

        /// <param name=”filesList”>文件列表HastTable</param>

        private void getAllDirFiles(DirectoryInfo dir, Hashtable filesList)

        {

            foreach (FileInfo file in dir.GetFiles(“*.*”))

            {

                filesList.Add(file.FullName, file.LastWriteTime);

            }

        }

    }

}

(2)UnZip.cs

using System.Collections.Generic;

using System.Linq;

using System.Web;

 

/// <summary>

/// 解压文件

/// </summary>

 

using System;

using System.Text;

using System.Collections;

using System.IO;

using System.Diagnostics;

using System.Runtime.Serialization.Formatters.Binary;

using System.Data;

 

using ICSharpCode.SharpZipLib.Zip;

using ICSharpCode.SharpZipLib.Zip.Compression;

using ICSharpCode.SharpZipLib.Zip.Compression.Streams;

 

namespace UpLoad

{

    /// <summary>

    /// 功能:解压文件

    /// creator chaodongwang 2009-11-11

    /// </summary>

    public class UnZipClass

    {

        /// <summary>

        /// 功能:解压zip格式的文件。

        /// </summary>

        /// <param name=”zipFilePath”>压缩文件路径</param>

        /// <param name=”unZipDir”>解压文件存放路径,为空时默认与压缩文件同一级目录下,跟压缩文件同名的文件夹</param>

        /// <param name=”err”>出错信息</param>

        /// <returns>解压是否成功</returns>

        public void UnZip(string zipFilePath, string unZipDir)

        {

            if (zipFilePath == string.Empty)

            {

                throw new Exception(“压缩文件不能为空!”);

            }

            if (!File.Exists(zipFilePath))

            {

                throw new System.IO.FileNotFoundException(“压缩文件不存在!”);

            }

            //解压文件夹为空时默认与压缩文件同一级目录下,跟压缩文件同名的文件夹

            if (unZipDir == string.Empty)

                unZipDir = zipFilePath.Replace(Path.GetFileName(zipFilePath), Path.GetFileNameWithoutExtension(zipFilePath));

            if (!unZipDir.EndsWith(“\\”))

                unZipDir += “\\”;

            if (!Directory.Exists(unZipDir))

                Directory.CreateDirectory(unZipDir);

 

            using (ZipInputStream s = new ZipInputStream(File.OpenRead(zipFilePath)))

            {

 

                ZipEntry theEntry;

                while ((theEntry = s.GetNextEntry()) != null)

                {

                    string directoryName = Path.GetDirectoryName(theEntry.Name);

                    string fileName = Path.GetFileName(theEntry.Name);

                    if (directoryName.Length > 0)

                    {

                        Directory.CreateDirectory(unZipDir + directoryName);

                    }

                    if (!directoryName.EndsWith(“\\”))

                        directoryName += “\\”;

                    if (fileName != String.Empty)

                    {

                        using (FileStream streamWriter = File.Create(unZipDir + theEntry.Name))

                        {

 

                            int size = 2048;

                            byte[] data = new byte[2048];

                            while (true)

                            {

                                size = s.Read(data, 0, data.Length);

                                if (size > 0)

                                {

                                    streamWriter.Write(data, 0, size);

                                }

                                else

                                {

                                    break;

                                }

                            }

                        }

                    }

                }

            }

        }

    }

}

以上这两个类库可以直接在程序里新建类库,然后复制粘贴,直接调用即可。

主程序代码如下所示:

using System;

using System.Collections.Generic;

using System.Linq;

using System.Web;

using System.Web.UI;

using System.Web.UI.WebControls;

using System.Drawing;

 

using Microsoft.Win32;

using System.Diagnostics;

 

 

namespace UpLoad

{

    public partial class UpLoadForm : System.Web.UI.Page

    {

        protected void Page_Load(object sender, EventArgs e)

        {

 

        }

 

        protected void Button1_Click(object sender, EventArgs e)

        {

            if (TextBox1.Text == “”) //如果输入为空,则弹出提示

            {

                this.Response.Write(“<script>alert(‘输入为空,请重新输入!’);window.opener.location.href=window.opener.location.href;</script>”);

            }

            else

            {

                //压缩文件夹

                string zipPath = TextBox1.Text.Trim(); //获取将要压缩的路径(包括文件夹)

                string zipedPath = @”c:\temp”; //压缩文件夹的路径(包括文件夹)

                Zip Zc = new Zip();

                Zc.ZipDir(zipPath, zipedPath, 6);

                this.Response.Write(“<script>alert(‘压缩成功!’);window.opener.location.href=window.opener.location.href;</script>”);

 

                //解压文件夹

                UnZipClass unZip = new UnZipClass();

                unZip.UnZip(zipedPath+ “.zip”, @”c:\temp”); //要解压文件夹的路径(包括文件名)和解压路径(temp文件夹下的文件就是输入路径文件夹下的文件)

                this.Response.Write(“<script>alert(‘解压成功!’);window.opener.location.href=window.opener.location.href;</script>”);

 

            }

        }

    }

}

本方法经过测试,均已实现。

另外,附上另外一种上传文件方法,经测试已实现,参考链接:http://blog.ncmem.com/wordpress/2019/11/20/net%e4%b8%8a%e4%bc%a0%e5%a4%a7%e6%96%87%e4%bb%b6%e7%9a%84%e8%a7%a3%e5%86%b3%e6%96%b9%e6%a1%88/

]]>