[AS3][JS]FlashUpload上传模块




P.S.Flash结合JavaScript来实现Web端文件上传,我这个上传模块其实就是一个功能整合,有心人都可以整合出来的!



一、客户端支持环境


    
IE,FireFox等浏览器

     JavaScript运行支持


     Flash Player 9运行支持

二、
客户端必备文件


     flashupload.js:FlashUpload上传类js包文件;

     flashupload.swf :FlashUpload上传类基础swf调用文件;


     swfobject.js :swf文件js加载类文件;


三、FlashUpload类包调用接口

     1.
FlashUpload(id,uploadPage,swfPath)


         构造函数;

         id:FlashUpload类对象实例名;

        
uploadPage:上传页面访问路径;

         swfPath:uploadflash.swf文件路径;

     2.setFileSizeArea(minSize,maxSize)

         设置上传文件大小的范围;

         
minSize:最小值(单位为KB);

         
maxSize:最大值(单位为KB);

     3.init()

         FlashUpload类初始化方法,一般是放在body的onload事件里。


     4.browse(filters)


          按指文件类型来浏览本地文件;

          filters:文件类型数组;

               单项值为{ description:”文件类型描述”,extension:”文件类型”}

     5.
upload(params)

          上传指定文件;

          params:上传文件表单元素值;

     6.onMessage(msg)

          状态事件

          msg:状态提示信息;

    7.onError(msg)

          错误事件

          msg:错误信息;

     8.onComplete(result)

         上传成功事件

          result:返回结果信息;

     9.onProgress(bytesLoaded,bytesTotal)

         上传进度事件

          bytesLoaded:已经上传文件字节数;

         bytesTotal:文件总字节数;

     10.onOpen()

          打开上传事件

     11.
onSelect(fileName)

          选择文件事件

         
fileName:本地文件名

四、服务端返回结果要求

     1.文件内容格式为xml格式;

     2.文件内容
<?xml version="1.0" encoding="utf-8" ?>

<result success="0">

<![CDATA[ 上传数据无效,请检查!]]>

</result>

     3.元素说明

          success:上传是否成功,0表示失败,1表示成功。

         
文本节点:如果success为0时,表示失败错误信息;如果success为1时,表示返回结果信息;

五、注意事件

    文件域名称为FileData;

     上传文件大小不得超过100M;

     提交文本信息不宜过长;(文本信息是采用Get方式提交);

     需要上传接受web服务端根目录下放crossdomain.xml



打包文件:http://www.klstudio.com/demo/as/flashupload/flashupload.rar