[JS]FlashUpload上传模块

[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.文件内容


     3.元素说明
          success:上传是否成功,0表示失败,1表示成功。
          文本节点:如果success为0时,表示失败错误信息;如果success为1时,表示返回结果信息;
五、注意事件
    文件域名称为FileData;
     上传文件大小不得超过100M;
     提交文本信息不宜过长;(文本信息是采用Get方式提交);
     需要上传接受web服务端根目录下放crossdomain.xml
打包文件:
[url=http://www.klstudio.com/demo/as/flashupload/flashupload.rar]http://www.klstudio.com/demo/as/flashupload/flashupload.rar[/url]
本文转自:http://www.5uflash.com/flashjiaocheng/Flash-as3-jiaocheng/2901.html
什么是SWFUpload?   SWFUpload是一个客户端文件上传工具,最初由Vinterwebb.se开发,它通过整合FlashJavaScript技术为WEB开发者提供了一个具有丰富功能继而超越传统标签的文件上传模式。 [编辑本段]SWFUpload的主要特点   * 可以同时上传多个文件;   * 类似AJAX的无刷新上传;   * 可以显示上传进度;   * 良好的浏览器兼容性;   * 兼容其他JavaScript库 (例如:jQuery, Prototype等);   * 支持Flash 8和Flash 9;   SWFUpload不同于其他基于Flash构建的上传工具,它有着优雅的代码设计,开发者可以利用XHTML、CSS和JavaScript来随心所欲的定制它在浏览器下的外观;它还提供了一组简明的JavaScript事件,借助它们开发者可以方便的在文件上传过程中更新页面内容来营造各种动态效果。   在使用SWFUpload之前,请确认你具备一定的JavaScript和DOM知识。在实际开发中,大部分的错误都是由于错误的设置和低劣的Event Handlers处理程序所造成的。 [编辑本段]文档中文翻译   http://www.v-sky.com/doc/swfupload/v2.1.0/Documentation.html [编辑本段]效果演示   * Classic Form Demo http://demo.swfupload.org/formsdemo ;   * Features Demo http://demo.swfupload.org/featuresdemo ;   * Application Demo http://demo.swfupload.org/applicationdemo ;   * v1.0.2 Plugin Demo http://demo.swfupload.org/v102demo ; [编辑本段]选择合适的Flash控件   在发行包(SWFUpload v2)中含有2个版本的Flash控件(swfupload_f8.swf 与wfupload_f9.swf),其中第一个版本拥有最佳的兼容性,但是为此损失了部分功能;而第二个版本提供了一些附加的功能但是损失了兼容性。 [编辑本段]SWFUpload的初始化与配置   首先,在页面中引用SWFUpload.js ,如      然后,初始化SWFUpload ,如   var swfu;   window.onload = function () {   swfu = new SWFUpload({   upload_url : "http://www.swfupload.org/upload.php",   flash_url : "http://www.swfupload.org/swfupload_f9.swf", file_size_limit : "20480"   });   };   以下是一个标准的SWFUpload初始化设置所需的参数,你可以根据需要自己进行删减:   {   upload_url : "http://www.swfupload.org/upload.php", 处理上传请求的服务器端脚本URL   file_post_name : "Filedata", 是POST过去的$_FILES的数组名   post_params : {   "post_param_name_1" : "post_param_value_1",   "post_param_name_2" : "post_param_value_2",   "post_param_name_n" : "post_param_value_n"   },   file_types : "*.jpg;*.gif", 允许上传的文件类型   file_types_description: "Web Image Files", 文件类型描述   file_size_limit : "1024", 上传文件体积上限,单位MB   file_upload_limit : 10, 限定用户一次性最多上传多少个文件,在上传过程中,该数字会累加,如果设置为“0”,则表示没有限制   file_queue_limit : 2, 上传队列数量限制,该项通常不需设置,会根据file_upload_limit自动赋值   fl
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值