codetc - 网站开发技术 首页 资源 插件 查看内容

JQuery上传插件Uploadify的下载与讲解

2015-1-29 20:41| 发布者: CODETC| 查看: 6128| 评论: 0

Uploadify是一个通过JQuery库实现的文件上传插件,支持多文件上传,带有文件上传进度显示的效果,大家有兴趣的话,在开发中不防试试这个插件,效果还是相当不错的,而且配置和使用也相当简单。


uploadify的官方网址:http://www.uploadify.com/
官网中还有另一个版本叫uploadifive,具有Html5和Flash两个版本,但这个是商业版,下载需要5美元


uploadify的具体使用例子这里就不提供了,大家可以直接从文章末下载链接下载完整的插件,里面就带有例子,非常简单。这里主要跟大家分享一下uploadify函数的参数说明。


uploadify函数的参数为json格式,可以对json对象的key值的修改来进行自定义的设置,如multi设置为true或false来控制是否可以进行多文件上传,下面就来介绍下这些key值的意思:

uploader	// 处理文件上传的PHP文件,默认值为uploadify.php这个文件,可自己定义,包括定义允许上传的文件扩展名。
swf		// uploadify.swf 文件的相对路径,该swf文件是一个带有文字SELECT FILES的按钮,点击后打开文件对话框。
method		// 提交方式Post 或Get 默认为Post 
queueID		// 文件队列的ID,该ID与存放文件队列的div的ID一致。 
queueSizeLimit	// 当允许多文件生成时,设置选择文件的个数,默认值:999 。 
multi		// 设置为true时可以上传多个文件。 
auto		// 设置为true当选择文件后就直接上传了,为false需要点击上传按钮才上传 。 
fileSizeLimit	// 上传文件的大小限制 。 
buttonText	// 浏览按钮的文本,默认值:SELECT FILES 。 
buttonImage	// 浏览按钮的图片的路径 。
width		// 设置浏览按钮的宽度 ,默认值:120。 
height		// 设置浏览按钮的高度 ,默认值:30。 
checkExisting	// 上传时是否检测同名文件,默认值:false
uploadLimit	// 开启多文件上传时一次可上传文件的最大数量,0为不限制,默认值:0
formData : {}	// 一个json对象类型参数,该参数中的值将会传递给PHP处理页面

上面介绍的key值的value都为类型,比较简单,接下来要介绍的key值的value为一个函数,可以在选择文件、出错或其他一些操作的时候返回一些信息给用户。

onCancel         // 当正在上传的文件被取消时触发
onClearQueue     // 当上传队列被清空时触发
onDestroy        // 当uploadify对象被销毁时触发
onDialogClose    // 当文件浏览窗口关闭时触发
onDialogOpen     // 当打开文件浏览窗口时触发
onDisable        // 当选择文件按钮被禁用时触发
onEnable         // 当选择文件按钮可用时触发
onFallback       // 当swf文件不存在时触发   
onInit           // uploadify初始化时触发
onQueueComplete  // 当文件队列里的全部文件都上传完时触发
onSelectError    // 当选择文件发生错误时触发 
onSelect         // 当选中所有文件时触发
onSWFReady       // 当swf上传按钮就位时触发
onUploadComplete // 当文件上传完成时触发(无论上传失败还是成功)
onUploadError    // 当文件上传失败时触发
onUploadSuccess  // 当文件上传成功时触发
onUploadProgress // 文件上传过程中一直存在的事件
onUploadStart    // 当文件开始上传时触发
上面为大家列出的参数都是比较常用的,如果大家想了解更多,可以下载插件后研究jquery.uploadify.js文件源码。

uploadify插件下载:uploadify.rar (46.84 KB)

文章来源 CODETC,欢迎分享,转载请注明地址: http://www.codetc.com/article-131-1.html

最新评论

 作为游客发表评论,请输入您的昵称

返回顶部