一种基于js上传组件的文件上传方法及系统的制作方法

文档序号:7808236阅读:199来源:国知局
一种基于js上传组件的文件上传方法及系统的制作方法
【专利摘要】本发明涉及一种基于JS上传组件的文件上传方法及系统,包括客户端定制JS上传组件,WEB服务器建立文件接收服务;客户端利用定制的JS上传组件将文件上传到WEB服务器,WEB服务器将上传的文件存放到临时目录中;解析上传的文件,如果文件需要业务处理,则调用业务处理程序进行业务处理;如果文件需要上传到指定的文件服务器,将文件同步到相应的文件服务器;WEB服务器返回文件处理结果到客户端,并在界面展示上传文件列表,提供文件管理功能;本发明很大程度上减少了开发人员的开发工作量,开发人员只需利用定制的JS上传组件,即可以实现文件上传的任务,并将有需要的文件同步到文件服务器,便于对文件进行统一管理。
【专利说明】一种基于JS上传组件的文件上传方法及系统

【技术领域】
[0001] 本发明涉及通信领域,尤其涉及一种基于JS上传组件的文件上传方法及系统。

【背景技术】
[0002] 目前,文件上传没有一个简单的规范的处理方式,主要表现在:
[0003] 1.文件上传开发复杂,需要定制内容比较多,对开发人员要求过高;
[0004] 2.上传文件缺乏管理,大部分是上传到WEB服务器,没有一个集中管理文件的服 务器;
[0005] 3.开发人员对文件的处理比较随意,容易造成系统各种缺陷;
[0006] 4.文件上传风格各异,没有一个统一的风格;
[0007] 5.大部分文件上传功能不齐全,只提供了上传功能,没有提供文件下载查看的功 能。


【发明内容】

[0008] 本发明所要解决的技术问题是针对现有技术的不足,提供一种基于JS上传组件 的文件上传方法及系统。
[0009] 本发明解决上述技术问题的技术方案如下:一种基于JS上传组件的文件上传方 法,包括如下步骤:
[0010] 步骤1:客户端定制上传文件所需的JS上传组件,WEB服务器建立服务端文件接 收服务;
[0011] 步骤2 :客户端向WEB服务器发起文件上传请求时,客户端与WEB服务器之间建立 文件上传通道;
[0012] 步骤3 :客户端利用定制的JS上传组件通过文件上传通道将文件上传到WEB服务 器,WEB服务器将上传的文件存放到临时目录中;
[0013] 步骤4 :解析上传的文件,判断所上传的文件是否需要进行业务处理,如果是则调 用业务处理程序进行业务处理,执行步骤5 ;否则直接执行步骤5 ;
[0014] 步骤5 :判断文件是否需要上传到指定的文件服务器,如果需要则将文件同步到 相应的文件服务器,执行步骤6 ;否则直接执行步骤6 ;
[0015] 步骤6 :返回文件处理结果到客户端,并在界面展示上传文件列表,提供文件管理 功能。
[0016] 本发明的有益效果是:该方法很大程度上减少了开发人员开发工作量,开发人员 只需利用定制的JS上传组件,即可以实现文件上传的任务,并将有需要的文件同步到文件 服务器,便于对文件进行统一管理。
[0017] 在上述技术方案的基础上,本发明还可以做如下改进。
[0018] 进一步,步骤1中所述定制上传文件所需的JS上行组件的具体实现为:客户端引 入基本JS上传组件,根据业务需要在基本JS上传组件的基础上定制上传文件所需的JS上 传组件。
[0019] 进一步,步骤1中WEB服务器建立服务端文件接收服务的具体实现为:WEB服务器 通过引用Jar包组件建立服务端文件接收服务。
[0020] 进一步,步骤6中所述返回给客户端的文件处理结果包括文件存储路径和业务处 理情况。
[0021] 进一步,步骤6中所述文件管理功能包括文件下载和文件删除。
[0022] 本发明解决上述技术问题的另一技术方案如下:一种基于JS上传组件的文件上 传系统,包括客户端、WEB服务器和文件服务器;所述客户端包括JS上传组件定制模块、文 件上传模块和结果显示模块;所述WEB服务器包括文件接收模块、临时目录模块、文件解析 模块、文件处理模块和文件同步模块;
[0023] 所述JS上传组件定制模块,其用于制上传文件所需的JS上传组件;
[0024] 所述文件上传模块,其用于向WEB服务器发起文件上传请求,与WEB服务器之间建 立文件上传通道;利用定制的JS上传组件通过文件上传通道将文件上传到WEB服务器的文 件接收1吴块;
[0025] 所述结果显示模块,其用于显示WEB服务器返回的文件处理结果,在界面展示上 传文件列表,提供文件管理功能;
[0026] 所述文件接收模块,其用于接收客户端上传的文件,并存储在临时目录模块;
[0027] 所述临时目录模块,其用于存储客户端上传的文件;
[0028] 所述文件解析模块,其用于解析上传的文件,判断文件是否需要进行业务处理,如 果需要则调用文件处理模块,否则向客户端返回文件的存储结果;其还用于判断文件是否 需要上传至特定的文件服务器,如果需要则调用文件同步模块,否则向客户端返回文件的 存储结果;
[0029] 所述文件处理模块,其用于对上传的文件进行业务处理,并将处理结果返回给客 户端;
[0030] 所述文件同步模块,其用于将文件同步到指定的文件服务器。
[0031] 在上述技术方案的基础上,本发明还可以做如下改进。
[0032] 进一步,所述客户端的JS上传组件定制模块,其通过引入基本JS上传组件,根据 业务需要在基本JS上传组件的基础上定制上传文件所需的JS上传组件。
[0033] 进一步,所述WEB服务器的文件接收模块,其用于引用Jar包组件建立服务端文件 接收服务。
[0034] 进一步,所述返回给客户端的文件处理结果包括文件存储路径和业务处理情况。
[0035] 进一步,所述客户端的结果显示模块提供的文件管理功能包括文件下载和文件删 除。

【专利附图】

【附图说明】
[0036] 图1为本发明一种基于JS上传组件的文件上传方法流程图;
[0037] 图2为本发明一种基于JS上传组件的文件上传系统框图。
[0038] 附图中,各标号所代表的部件列表如下:
[0039] 100、客户端,200、WEB服务器,300文件服务器,101、JS上传组件定制模块,102、文 件上传模块,103、结果显示模块,201、文件接收模块,202、临时目录模块,203、文件解析模 块,204、文件处理模块,205、文件同步模块。

【具体实施方式】
[0040] 以下结合附图对本发明的原理和特征进行描述,所举实例只用于解释本发明,并 非用于限定本发明的范围。
[0041] 如图1所示,一种基于JS上传组件的文件上传方法,包括如下步骤:
[0042] 步骤1:客户端定制上传文件所需的JS上传组件,WEB服务器建立服务端文件接 收服务;
[0043] 步骤2 :客户端向WEB服务器发起文件上传请求时,客户端与WEB服务器之间建立 文件上传通道;
[0044] 步骤3 :客户端利用定制的JS上传组件通过文件上传通道将文件上传到WEB服务 器,WEB服务器将上传的文件存放到临时目录中;
[0045] 步骤4 :解析上传的文件,判断所上传的文件是否需要进行业务处理,如果是则调 用业务处理程序进行业务处理,执行步骤5 ;否则直接执行步骤5 ;
[0046] 步骤5 :判断文件是否需要上传到指定的文件服务器,如果需要则将文件同步到 相应的文件服务器,执行步骤6 ;否则直接执行步骤6 ;
[0047] 步骤6 :返回文件处理结果到客户端,并在界面展示上传文件列表,提供文件管理 功能。
[0048] 步骤1中所述定制上传文件所需的JS上行组件的具体实现为:客户端引入基本 JS上传组件,根据业务需要在基本JS上传组件的基础上定制上传文件所需的JS上传组件。
[0049] 步骤1中WEB服务器建立服务端文件接收服务的具体实现为:WEB服务器通过引 用Jar包组件建立服务端文件接收服务。
[0050] 步骤6中所述返回给客户端的文件处理结果包括文件存储路径和业务处理情况。
[0051] 步骤6中所述文件管理功能包括文件下载和文件删除。
[0052] 如图2所示,一种基于JS上传组件的文件上传系统,包括客户端100、WEB服务器 200和文件服务器300 ;所述客户端100包括JS上传组件定制模块101、文件上传模块102 和结果显示模块103 ;所述WEB服务器200包括文件接收模块201、临时目录模块202、文件 解析模块203、文件处理模块204和文件同步模块205 ;
[0053] 所述JS上传组件定制模块101,其用于制上传文件所需的JS上传组件;
[0054] 所述文件上传模块102,其用于向WEB服务器发起文件上传请求,与WEB服务器之 间建立文件上传通道;利用定制的JS上传组件通过文件上传通道将文件上传到WEB服务器 的文件接收模块;
[0055] 所述结果显示模块103,其用于显示WEB服务器200返回的文件处理结果,在界面 展示上传文件列表,提供文件管理功能;
[0056] 所述文件接收模块201,其用于接收客户端100上传的文件,并存储在临时目录模 块 202 ;
[0057] 所述临时目录模块202,其用于存储客户端100上传的文件;
[0058] 所述文件解析模块203,其用于解析上传的文件,判断文件是否需要进行业务处 理,如果需要则调用文件处理模块204,否则向客户端100返回文件的存储结果;其还用于 判断文件是否需要上传至特定的文件服务器,如果需要则调用文件同步模块205,否则向客 户端100返回文件的存储结果;
[0059] 所述文件处理模块204,其用于对上传的文件进行业务处理,并将处理结果返回给 客户端100 ;
[0060] 所述文件同步模块205,其用于将文件同步到指定的文件服务器300。
[0061] 所述客户端100的JS上传组件定制模块101,其通过引入基本JS上传组件,根据 业务需要在基本JS上传组件的基础上定制上传文件所需的JS上传组件。
[0062] 所述WEB服务器200的文件接收模块201,其用于引用Jar包组件建立服务端文件 接收服务。
[0063] 所述返回给客户端100的文件处理结果包括文件存储路径和业务处理情况。
[0064] 所述客户端100的结果显示模块提供的文件管理功能包括文件下载和文件删除。
[0065] 该方法很大程度上减少了开发人员开发工作量,开发人员只需要利用定制的JS 上传组件,就可以实现文件上传的任务,大大减少了开发人员的工作量,同时将有需要的文 件同步到文件服务器,便于对文件进行统一管理。
[〇〇66] 以上所述仅为本发明的较佳实施例,并不用以限制本发明,凡在本发明的精神和 原则之内,所作的任何修改、等同替换、改进等,均应包含在本发明的保护范围之内。
【权利要求】
1. 一种基于JS上传组件的文件上传方法,其特征在于,包括如下步骤: 步骤1:客户端定制上传文件所需的JS上传组件,WEB服务器建立服务端文件接收服 务; 步骤2 :客户端向WEB服务器发起文件上传请求时,客户端与WEB服务器之间建立文件 上传通道; 步骤3 :客户端利用定制的JS上传组件通过文件上传通道将文件上传到WEB服务器, WEB服务器将上传的文件存放到临时目录中; 步骤4 :解析上传的文件,判断所上传的文件是否需要进行业务处理,如果是则调用业 务处理程序进行业务处理,执行步骤5 ;否则直接执行步骤5 ; 步骤5 :判断文件是否需要上传到指定的文件服务器,如果需要则将文件同步到相应 的文件服务器,执行步骤6 ;否则直接执行步骤6 ; 步骤6 :返回文件处理结果到客户端,并在界面展示上传文件列表,提供文件管理功 能。
2. 根据权利要求1所述一种基于JS上传组件的文件上传方法,其特征在于,步骤1中 所述定制上传文件所需的JS上行组件的具体实现为:客户端引入基本JS上传组件,根据业 务需要在基本JS上传组件的基础上定制上传文件所需的JS上传组件。
3. 根据权利要求1所述一种基于JS上传组件的文件上传方法,其特征在于,步骤1中 WEB服务器建立服务端文件接收服务的具体实现为:WEB服务器通过引用Jar包组件建立服 务端文件接收服务。
4. 根据权利要求1所述一种基于JS上传组件的文件上传方法,其特征在于,步骤6中 所述返回给客户端的文件处理结果包括文件存储路径和业务处理情况。
5. 根据权利要求1所述一种基于JS上传组件的文件上传方法,其特征在于,步骤6中 所述文件管理功能包括文件下载和文件删除。
6. -种基于JS上传组件的文件上传系统,其特征在于,包括客户端、WEB服务器和文 件服务器;所述客户端包括JS上传组件定制模块、文件上传模块和结果显示模块;所述WEB 服务器包括文件接收模块、临时目录模块、文件解析模块、文件处理模块和文件同步模块; 所述JS上传组件定制模块,其用于制上传文件所需的JS上传组件; 所述文件上传模块,其用于向WEB服务器发起文件上传请求,与WEB服务器之间建立文 件上传通道;利用定制的JS上传组件通过文件上传通道将文件上传到WEB服务器的文件接 收模块; 所述结果显示模块,其用于显示WEB服务器返回的文件处理结果,在界面展示上传文 件列表,提供文件管理功能; 所述文件接收模块,其用于接收客户端上传的文件,并存储在临时目录模块; 所述临时目录模块,其用于存储客户端上传的文件; 所述文件解析模块,其用于解析上传的文件,判断文件是否需要进行业务处理,如果需 要则调用文件处理模块,否则向客户端返回文件的存储结果;其还用于判断文件是否需要 上传至特定的文件服务器,如果需要则调用文件同步模块,否则向客户端返回文件的存储 结果; 所述文件处理模块,其用于对上传的文件进行业务处理,并将处理结果返回给客户 端; 所述文件同步模块,其用于将文件同步到指定的文件服务器。
7. 根据权利要求6所述一种基于JS上传组件的文件上传系统,其特征在于,所述客户 端的JS上传组件定制模块,其通过引入基本JS上传组件,根据业务需要在基本JS上传组 件的基础上定制上传文件所需的JS上传组件。
8. 根据权利要求6所述一种基于JS上传组件的文件上传系统,其特征在于,所述WEB 服务器的文件接收模块,其用于引用Jar包组件建立服务端文件接收服务。
9. 根据权利要求6所述一种基于JS上传组件的文件上传系统,其特征在于,所述返回 给客户端的文件处理结果包括文件存储路径和业务处理情况。
10. 根据权利要求6所述一种基于JS上传组件的文件上传系统,其特征在于,所述客户 端的结果显示模块提供的文件管理功能包括文件下载和文件删除。
【文档编号】H04L29/08GK104113594SQ201410317773
【公开日】2014年10月22日 申请日期:2014年7月4日 优先权日:2014年7月4日
【发明者】赵兴雨 申请人:北京思特奇信息技术股份有限公司
网友询问留言 已有0条留言
  • 还没有人留言评论。精彩留言会获得点赞!
1