Uploadify是一个通过JQuery库实现的文件上传插件,支持多文件上传,带有文件上传进度显示的效果,大家有兴趣的话,在开发中不防试试这个插件,效果还是相当不错的,而且配置和使用也相当简单。
uploadify的官方网址:http://www.uploadify.com/ 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
|