- 1、本文档共19页,可阅读全部内容。
- 2、原创力文档(book118)网站文档一经付费(服务费),不意味着购买了该文档的版权,仅供个人/单位学习、研究之用,不得用于商业用途,未经授权,严禁复制、发行、汇编、翻译或者网络传播等,侵权必究。
- 3、本站所有内容均由合作方或网友上传,本站不对文档的完整性、权威性及其观点立场正确性做任何保证或承诺!文档内容仅供研究参考,付费前请自行鉴别。如您付费,意味着您自己接受本站规则且自行承担风险,本站不退款、不进行额外附加服务;查看《如何避免下载的几个坑》。如果您已付费下载过本站文档,您可以点击 这里二次下载。
- 4、如文档侵犯商业秘密、侵犯著作权、侵犯人身权等,请点击“版权申诉”(推荐),也可以打举报电话:400-050-0827(电话支持时间:9:00-18:30)。
查看更多
SWFUpload
中文文档地址是:/doc/swfupload/Documentation.html网官上的DEMO为:/v220/index.htm
下载地址:/p/swfupload/
SWFUpload最初是由Vinterwebb.se开发的一个客户端的上传工具. 它结合了FLASH和JavaScript的功能,以提供一种超越了传统的浏览器中input type=file /标签提供的文件上传功能。
SWFUpload提供的主要功能:
在文件选择对话框中能够进行文件多选
页面无刷新的上传
提供上传进度的事件回调,实时显示上传进度
良好的浏览器兼容性
采用了命名空间以兼容其它JS的库 (例如 jQuery, Prototype, 等等)
对FLASH 9和FLASH 10播放器的支持(V2.2.0版本放弃了对Flash 8的支持)
SWFUpload背后的设计思想和其它基于Flash的上传工具是不同的。它将浏览器的中UI交给开发人员来控制。开发人员能够利用XHTML,CSS,Javascript来定制符合他们网站风格的UI上传元素。然后使用它提供的一组简单的JS事件来更新上传状态,开发人员能够利用这些事件来及时更新页面中的上传进度UI。
不幸的是Flash Player 10 更严格的安全机制迫使我们不得不将一个Flash Button放入Flash影片中。SWFUpload提供API供开发者通过图片、文字、CSS的方式来自定制更灵活的UI显示。
SWFUpload v2
SWFUpload v2包含了新的高级功能,改善了稳定性,解决了FlashPlayer中的一些bug,并且提供一套有用的插件。新的功能包括:
兼容了Flash Player 10的安全限制问题
在文件上传的同时能够发送额外的POST数据
针对每一个文件上传发送POST/GET数据
更直观的事件回调
动态修改实例设置
接收服务端返回的数据
非取消形式的停止文件上传
自定义上传的顺序
支持单文件、多文件的文件的选择
文件入队数量,文件上传数量和文件大小的限制
更合理地处理0字节的文件
针对每个文件在上传前都提供一个最后确认的时间回调
解决了v1.0.2版本中未描述到的关于Flash的bug
解决的v1.0.2中的bug:
在IE中,刷新的时候FLASH无法加载(详细可见我之前的debug过程)
在FireFox中,如果窗口的滚动条没有回滚到顶部,那么Flash无法加载
Race-conditions when files are cached
兼容ASP.Net Forms
SWFUpload v2 延续了SWFUpload的设计目标,将UI分离以交给开发人员控制和后续扩展
概述
传统的HTML上传
标准的HTML上传表单为用户提供一个文本框和按钮来选择文件,选中的文件是随着form表单提交的。整个文件上传完成之后,下一个页面才会显示,并且不能对选择的文件做预设的文件检验,例如文件大小限制,文件类型限制。当文件上传时,用户获得的可用的反馈信息很少。
传统的HTML上传模式十分简单,线性的,几乎所有浏览器都支持它。
SWFUpload
SWFUpload使用一个Flash影片来控制文件的选择和上传。此FLASH中包含一个用户自定制UI的按钮,点击该按钮能够激活Flash本身的高级文件上传对话框,它能够根据用户的设置来进行单文件或者是多文件的上传。 选择的的文件类型也是可以被限制的,因此用户只能选择指定的适当的文件,例如*.jgp;*.gif。
提醒:Flash Player 10的安全机制更严格,类似打开文件上传的对话框的操作,一定需要用户交互才触发,如果用脚本触发,会报#2176的运行时错误。因此V2.2.0版本在SWF中添加了一个可定制的Button让用户交互来打开文件对话框。
当选定文件以后,每个文件都会被验证和处理。当Flash上传文件的时候,由开发人员预定义的Javascript事件会被定时触发以便来更新页面中的UI,同时还提供上传状态和错误信息。
选定的文件的上传和它所在页面、表单是独立的。每个文件都是单独上传的,这就保证了服务端脚本能够在一个时间点更容易地处理单个文件。虽然Flash提供了上传服务,但是页面并不会提交或者重新载入。相比于标准的HTML Form,SWFUpload的使用方式更像是AJAX程序,页面中的Form会和FLASH控制的文件上传单独处理。
入门
SWFUpload并不是拖放式的上传控件,它需要JavaScript和DOM的知识。一些可用的演示展示了它能够完成什么事情以及它是如何完成这些常见的任务。
SWFUpload由4部分组成:
初始化和设置(Javascript
文档评论(0)