位置: 编程技术 - 正文
推荐整理分享jQuery文件上传控件 Uploadify 详解(jquery.form.js实现文件上传),希望有所帮助,仅作参考,欢迎阅读内容。
文章相关热门搜索词:jq 上传文件,jquery文件上传控件,jquery 上传文件,jq实现文件上传,jquery.form.js实现文件上传,jquery文件上传进度条,jquery 上传文件,jquery 上传,内容如对您有帮助,希望把文章链接给更多的朋友!
基于jquery的文件上传控件,支持ajax无刷新上传,多个文件同时上传,上传进行进度显示,删除已上传文件。
要求使用jquery1.4或以上版本,flash player 9.0.以上。
有两个版本,一个用flash,一个是html5。html5的需要付费~所以这里只说flash版本的用法。
官网: input,或者其它任何带ID的元素,并对其初始化Uploadify(注意目录下要有uploadify.swf这个文件,和uploadify.php后台文件,路径按项目中的目录结构)
这样子就完成了一个最基础的上传组建。基本原理是改变你创建的file input生成一个DOM结构,创建一个DIV按钮,按钮样式修改在uploadify.css文件中的.uploadify-button,将swf文件定位在按钮上面,这样当你点击按钮时实际上点击的是swf
选项:
事件:
方法:
Uploadify使用jquery推荐的插件模式,这意味着所有方法的调用都保持在一个命名空间里。 调用这些不同的方法,只需要把方法当成第一个参数传进uploadify里调用就行。在这些方法后面增加参数会被传进这个方法里(这两句翻译得不是很顺畅,附原文: To use the different method calls, simply call Uploadify on the DOM element with the method call as the first argument.Any additional arguments added after the method name are passed to the method.)
cancel:取消第一个上传的文件,如果后面带参数"*"则是取消掉整个上传队列,如$(el).uploadify('cancel', '*')
upload:上传第一个上传的文件,如果后面带参数"*"则上传整个队列,跟cancel一样
destroy:移除掉上传组建,按html默认的方法上传
disable:有true or false 两个参数,表示是否禁止上传按钮,true表示禁止,false表示允许上传
settings:返回或者更新一个实例的方法值,接受一个方法名的参数时是返回那个方法的值,当后面再跟一个参数,则是更新那个方法的值。如
stop:停止正在上传中的文件或队列
下载demo
友情链接: 武汉网站建设