专利名称：一种基于flash的多文件上传技术的制作方法
技术领域：
本发明涉及B/S架构中的多文件上传技术。
背景技术：
在互联网中上传文件是一件相当费时的操作，多文件上传更是效率不高。这样，提高应用的实用性、增加客户体验，特别是在可视化体验方面，变得越来越重要。而文件上传功能是《吐2. 0时代的基本应用之一，更应该在各方面做的非常完善。传统的文件上传基本上是基于HTML表单的上传，传输速度比较慢，往往用户在点击上传按钮后做的事情都是等待，没有一个好的可视化体验效果，而且每次只能上传一个文件，数量非常有限。而FLASH多文件上传技术不仅具有良好的用户体验，而且可多文件同时上传，效率方面得到了加强。
发明内容
在现有技术中，通过基于FLASH的方式实现文件上传操作，不但可以同时上传多个文件，提高了上传效率，而且可以使用户在上传过程中了解文件的上传进度，对于传统的文件上传操作是个非常好的补充。有鉴于此，本技术主要提供一种新的文件上传方式，增加了文件上传数量，并且文件的上传操作变得更具交互性。为了达到上述目的，本发明的技术方案是这样实现的FLASH使用一个FLASH影片来控制文件的选择和上传。此FLASH中包含一个用户自定制UI的按钮，点击该按钮能够激活FLASH本身的高级文件上传对话框，它能够根据用户的设置来进行单文件或者是多文件的上传。FLASH必须在页面中初始化，一般可以在Javakript的onload事件中完成此操作。它的构造函数需要一个Object类型的设置对象。这个设置对象一般是一个直接定义的Object类型变量，直接传递给FLASH的构造函数。初始化的FLASH对象的引用需要保留下来，因为当显示文件选择对话框和启动文件上传的时候需要这个实例的引用。另外，在上传页面中，FLASH的Javakript库也要包含在内，当FLASH创建完成并能访问它的一系列功能时，开发人员可以控制此实例。例如，添加FLASH的JavMcript 库文件到页面中，并根据需要的设置初始化相应的参数。FLASH控制元素的文件地址在初始化的时候就应该在FLASH设置对象中定义。 FLASH控制元素是一个很小的FLASH影片，它提供了文件浏览、检验和上传功能。它在页面中展现给用户的是一个UI可自定制的按钮，但该FLASH会在需要时候通过与JavMcript 通信来通知浏览器处理更新。开发人员必须定义一系列JavMcript函数来处理FLASH事件回调，当一些不同的重要事件发生的时候，这些函数会被触发。通过处理FLASH的事件，开发人员能够提供关于上传进度、出错信息以及上传完成等的信息反馈。 在上传过程中，调用JavMcript的XMLHttpRequest对象来直接与服务器端进行通信，反映文件上传的进度和上传的结果。通过自定义标签技术把操作JavMcript和FLASH的代码封装成Jsp标签，在页面中通过添加标签元素的方式完成对程序的调用，并且提供多种各样的操作方式。
图IWEB服务存储上传文件的方式。图2FLASH上传方式解决方案。图3实现FLASH文件上传技术的设计流程图。
具体实施例方式本技术的主要设计思路通过FLASH+JavMcript技术实现无需刷新当前页面的动态多文件上传，在将所有的参数设置好之后，通过Jsp的自定义标签封装技术，将本方法封装成标签，在任意前台页面中引入该标签，即可实现任意文件的上传操作。具体实施方法如下步骤1.搭建文件服务器，用于存储上传文件。步骤2.将相应的组件，相应的JavMcript库文件以及FLASH文件发布到Web服
务器端t步骤3.通过自定义标签技术封装相关的业务方法。 步骤4.前台页面相应位置引用上传标签。
权利要求
1.一种无刷新多文件上传技术，其特征在于，各种类型的文件由任意地点的任意客户端传输到统一的服务器地址，并进行保存；在上传过程中，各个文件的上传进度将按照百分比的显示方式呈现在操作界面中，可以很清楚的知道文件上传的进度和速率。
2.根据权利要求1所述的技术，其特征在于，FLASH处理模块完成文件的上传，显示上传进度JavMcript处理模块实现页面的无刷新操作。
3.根据权利要求2所述的技术，其特征在于，所述FLASH处理模块完成文件上传具体为主要使用了 FLASH的FileReferenceList类实现多个文件上传。
4.根据权利要求2所述的技术，其特征在于，所述JavMcript处理模块实现页面的无刷新操作具体为使用JavMcript的XMLHttpRequest对象来直接与服务器端进行通信，通过这个对象，JavaScript可在不重载页面的情况下与Web服务器交换数据。
5.根据权利要求1所述的技术，其特征在于，文件上传主要用的是HTTP传输协议。
全文摘要
本技术发明主要解决WEB页面使用HTML表单实现文件上传中所带来的传输速度慢，一次上传文件数量少，无法实时得到上传信息等问题。通过本技术发明的方案，上传组件可以一键添加至页面任意位置，并且非常好的实现了文件上传信息实时反馈，多文件同时上传，达到良好的人机交互效果。
文档编号H04L29/08GK102281327SQ20111021705
公开日2011年12月14日 申请日期2011年8月1日 优先权日2011年8月1日
发明者薛天豹 申请人:烟台杰瑞网络商贸有限公司