jQuery文件上传控件 Uploadify 详解

2020-05-27 18:13:28易采站长站整理

//设置每一次上传队列中的文件数量。注意并不是限制总的上传文件数量(那是uploadLimit).如果增加进队列中的文件数量超出这个值,将会触发onSelectError事件。默认值为999
removeCompleted: true,
//是否移除掉队列中已经完成上传的文件。false为不移除
removeTimeout: 3,
//设置上传完成后删除掉文件的延迟时间,默认为3秒。如果removeCompleted为false的话,就没意义了
requeueErrors: false,
//设置上传过程中因为出错导致上传失败的文件是否重新加入队列中上传
successTimeout: 30,
//设置文件上传后等待服务器响应的秒数,超出这个时间,将会被认为上传成功,默认为30秒
swf: 'uploadify.swf',
//swf的相对路径,必写项
uploader: 'uploadify.php'
//服务器端脚本文件路径,必写项
uploadLimit: 999
//上传文件的数量。达到或超出这数量会触发onUploadError方法。默认999
})

事件:


$('#file_upload').uploadify({
onCancel: function(file){
console.log('The file'+ file.name + 'was cancelled.')
},
//文件被移除出队列时触发,返回file参数
onClearQueue: function(queueItemCount){
console.log(queueItemCount+'file(s) were removed frome the queue')
},
//当调用cancel方法且传入'*'这个参数的时候触发,其实就是移除掉整个队列里的文件时触发,上面有说cancel方法带*时取消整个上传队列
onDestroy: function(){
//调用destroy方法的时候触发
},
onDialogClose: function(queueData){
console.log(queueData.filesSelected+'n'+queueData.filesQueued+'rn'+queueData.filesReplaced+'rn'+queueData.filesCancelled+'rn'+ queueData.filesErrored)
},
//关闭掉浏览文件对话框时触发。返回queueDate参数,有以下属性:
/*
filesSelected 浏览文件对话框中选取的文件数量
filesQueued 加入上传队列的文件数
filesReplaced 被替换的文件个数
filesCancelled 取消掉即将加入队列中的文件个数
filesErrored 返回错误的文件个数
*/
onDialogOpen:function(){
//打开选择文件对话框时触发
},
onDisable:function(){
//禁用uploadify时触发(通过disable方法)
},
onEnalbe: function(){
//启用uploadify时触发(通过disable方法)
},
onFallback:function(){
//在初始化时检测不到浏览器有兼容性的flash版本时实触发
},
onInit: function(instance){
console.log('The queue ID is'+ instance.settings.queueID)
},
//每次初始化一个队列时触发,返回uploadify对象的实例
onQueueComplete:function(queueData){
console.log(queueData.uploadsSuccessful+'n'+queueData.uploadsErrored)
},
//队列中的文件都上传完后触发,返回queueDate参数,有以下属性: