文件上传插件jquery.uploadify使用方法详解

版权所有,禁止匿名转载;禁止商业使用。

Jquery.Uploadify是Jquery的一个上传插件,官方提供的实例为PHP版本。

jquery.uploadify下载地址:http://www.hidoger.com/Show/index/cid/11/id/21.html


注意:

IE9下,文档模式如果为“IE9 标准(M)”下,可能不能点击,如果设置了按钮图片,可能不会显示。

非自动上传模式下,选择多个文件上传,只上传第一个文件,而且不会删除已上传列表。


其实我最想解决的问题是在火狐和谷歌浏览器中上传失败的问题。


一、基本使用,调用方式基本一样,参数设置需要注意:没有上传路径folder设置,需要postData传递参数实现


$(function () { $("#divUpload").uploadify({ 


swf: 'swf文件路径,


uploader: '后台处理程序路径,


postData: { 参数: '传递参数设置' } }); });


 


二、参数选择项


基本设置


swf:主要Flash文件路径,默认uploadify.swf,如果同调用文件在同一不目录下可以忽略


uploader:后台处理程序路径,默认uploadify.php


postData:传递参数,默认{}


auto:是否允许自动上传文件,默认false


method:传递参数方式,默认post


外观设置


width:按钮宽度,默认120


height:按钮高度,默认30


buttonClass:按钮样式设置,如:样式为.btnClass{color:red;}


buttonCursor:鼠标移入时指针样式,默认hand,(注:设置后不知道怎么显示)


buttonImage:按钮显示图片地址,默认false,(注:必须是高度2倍,包含两个按钮图片,上默认、下鼠标移入,IE9)


buttonText:按钮显示文字信息,默认SELECT FILES,(注:3.0.0版本支持中文)


cancelImage:取消选中文件图片,默认uploadify-cancel.png


fileTypeDesc:选择文件时文件类型提示,默认All Files (*.*)


fileTypeExts:选择文件时文件类型限制,默认*.*,(注:如果fileTypeDesc和fileTypeExts同时设置,则显示组合,如:All Files (*.*) (*.*)


多个类型如:“*.JPG;*.GIF;*.PNG;*.BMP”)


操作设置


queueID:上传队列容器ID,默认false


removeCompleted:是否删除容器内已经上传完毕文件,默认true


removeTimeout:删除容器内已经上传完毕文件延迟时间,单位s,默认3


fileSizeLimit:设置允许上传文件大小,单位k,默认0不限制


multi:是否支持多文件同时上传,默认false


queueSizeLimit:限制一次上传文件个数,即容器内最多文件个数,默认999


simUploadLimit:允许同时上传文件个数,同时执行,默认1,(注:3.0.0测试版注释此参数)


调试设置


debug:是否显示调试框,默认false


checkExisting:检查待上传文件是否存在程序,默认uploadify-check-existing.php


其他设置


fileObjName:设置一个名字,在服务器处理程序中根据该名字来取上传文件的数据,默认Filedata,(作用不明)


requeueErrors:未知,默认false


preventCaching:未知,默认true


progressData:未知,默认percentage


successTimeout:未知,默认30


transparent:未知,默认true


uploadLimit:未知,默认999


uploaderType:未知,默认html5


langFile:错误提示文件,可以忽略


id:当前操作的ID编码,默认jQuery(this).attr('id'),可以忽略。


三、事件说明


onClearQueue: function () {}:未知


onDialogOpen: function () {}:打开选择文件窗口


onDialogClose: function () {}:关闭选择文件窗口


onInit: function () {}:初始化


onQueueComplete: function () {}:全部文件上传结束


onSelectError: function () {}:选择文件:选择错误


onSelect: function () {}:单个文件:选择文件,每选中一个文件都执行一次


onSWFReady: function () {}:未知


onUploadCancel: function () {}:未知


onUploadComplete: function () {}:单个文件上传结束,注意:最后一个文件结束在全部结束后


onUploadError: function () {}:上传文件错误/取消已选择文件


onUploadProgress: function () {}:单个文件:上传过程中


0 0