uploadify 3.0 详细使用说明


Posted in Javascript onJune 18, 2012

使用:

//绑定的界面元素<input id='gallery'type='file'/> 
$("#gallery").uploadify({ 
设置参数,参数如下. 
});

设置的属性:
id: jQuery(this).attr('id'),//绑定的input的ID 
langFile: 'http://www.static-xxx.nu/uploader/uploadifyLang_en.js',//语言包的路径,能设置所有的提示文字 
swf: 'http://www.static-xxx.nu/uploader/uploadify.swf',//[必须设置]swf的路径 
uploader: '/uploadify/galleri.php',//[必须设置]上传文件触发的url 
auto:false,//文件选择完成后,是否自动上传 
buttonText:'Välj Filer',//上传按钮的文字 
height: 30,//上传按钮的高和宽 
width: 120, 
buttonCursor: 'pointer',//上传鼠标hover后Cursor的形状 
cancelImage: '/upload/201206/20120618142325932.png',//[必须设置]取消图片的路径 
checkExisting:'/uploader/uploadify-check-existing.php',//检查上传文件是否存,触发的url,返回1/0 
debug: true,//debug模式开/关,打开后会显示debug时的信息 
fileObjName:'file', 
fileSizeLimit : 0,//文件的极限大小,以字节为单位,0为不限制。1MB:1*1024*1024 
fileTypeDesc: 'Bild JPG',//允许上传的文件类型的描述,在弹出的文件选择框里会显示 
fileTypeExts: '*.jpg',//允许上传的文件类型,限制弹出文件选择框里能选择的文件 
method: 'post',//和后台交互的方式:post/get 
multi: true,//是否能选择多个文件 
queueID: 'fileQueue',//显示上传文件队列的元素id,可以简单用一个div来显示 
queueSizeLimit : 999,//队列中允许的最大文件数目 
progressData : 'all', // 'percentage''speed''all'//队列中显示文件上传进度的方式:all-上传速度+百分比,percentage-百分比,speed-上传速度 
removeCompleted : true,//上传成功后的文件,是否在队列中自动删除 
removeTimeout: 3, 
requeueErrors : true, 
postData: {},//和后台交互时,附加的参数 
preventCaching : true, 
transparent: true, 
successTimeout : 30,//上传时的timeout 
uploadLimit:999//能同时上传的文件数目

设置的事件:
onDialogClose : function(swfuploadifyQueue) {//当文件选择对话框关闭时触发 
if( swfuploadifyQueue.filesErrored > 0 ){ 

alert( '添加至队列时有' 

+swfuploadifyQueue.filesErrored 

+'个文件发生错误n' 

+'错误信息:' 

+swfuploadifyQueue.errorMsg 

+'n选定的文件数:' 

+swfuploadifyQueue.filesSelected 

+'n成功添加至队列的文件数:' 

+swfuploadifyQueue.filesQueued 

+'n队列中的总文件数量:' 

+swfuploadifyQueue.queueLength); 

} 
} 
onDialogOpen : function() {//当选择文件对话框打开时触发 

alert( 'Open!'); 
} 
onSelect : function(file) {//当每个文件添加至队列后触发 

alert( 'id: ' + file.id 

+ ' - 索引: ' + file.index 

+ ' - 文件名: ' + file.name 

+ ' - 文件大小: ' + file.size 

+ ' - 类型: ' + file.type 

+ ' - 创建日期: ' + file.creationdate 

+ ' - 修改日期: ' + file.modificationdate 

+ ' - 文件状态: ' + file.filestatus); 
} 
onSelectError : function(file,errorCode,errorMsg) {//当文件选定发生错误时触发 

alert( 'id: ' + file.id 

+ ' - 索引: ' + file.index 

+ ' - 文件名: ' + file.name 

+ ' - 文件大小: ' + file.size 

+ ' - 类型: ' + file.type 

+ ' - 创建日期: ' + file.creationdate 

+ ' - 修改日期: ' + file.modificationdate 

+ ' - 文件状态: ' + file.filestatus 

+ ' - 错误代码: ' + errorCode 

+ ' - 错误信息: ' + errorMsg); 
} 
onQueueComplete : function(stats) {//当队列中的所有文件全部完成上传时触发 

alert( '成功上传的文件数: ' + stats.successful_uploads 

+ ' - 上传出错的文件数: ' + stats.upload_errors 

+ ' - 取消上传的文件数: ' + stats.upload_cancelled 

+ ' - 出错的文件数' + stats.queue_errors); 
} 
onUploadComplete : function(file,swfuploadifyQueue) {//队列中的每个文件上传完成时触发一次 

alert( 'id: ' + file.id 

+ ' - 索引: ' + file.index 

+ ' - 文件名: ' + file.name 

+ ' - 文件大小: ' + file.size 

+ ' - 类型: ' + file.type 

+ ' - 创建日期: ' + file.creationdate 

+ ' - 修改日期: ' + file.modificationdate 

+ ' - 文件状态: ' + file.filestatus 

+ ' - 出错的文件数: ' + swfuploadifyQueue.filesErrored 

+ ' - 错误信息: ' + swfuploadifyQueue.errorMsg 

+ ' - 要添加至队列的数量: ' + swfuploadifyQueue.filesSelected 

+ ' - 添加至对立的数量: ' + swfuploadifyQueue.filesQueued 

+ ' - 队列长度: ' + swfuploadifyQueue.queueLength); 
} 
onUploadError : function(file,errorCode,errorMsg,errorString,swfuploadifyQueue) {//上传文件出错是触发(每个出错文件触发一次) 

alert( 'id: ' + file.id 

+ ' - 索引: ' + file.index 

+ ' - 文件名: ' + file.name 

+ ' - 文件大小: ' + file.size 

+ ' - 类型: ' + file.type 

+ ' - 创建日期: ' + file.creationdate 

+ ' - 修改日期: ' + file.modificationdate 

+ ' - 文件状态: ' + file.filestatus 

+ ' - 错误代码: ' + errorCode 

+ ' - 错误描述: ' + errorMsg 

+ ' - 简要错误描述: ' + errorString 

+ ' - 出错的文件数: ' + swfuploadifyQueue.filesErrored 

+ ' - 错误信息: ' + swfuploadifyQueue.errorMsg 

+ ' - 要添加至队列的数量: ' + swfuploadifyQueue.filesSelected 

+ ' - 添加至对立的数量: ' + swfuploadifyQueue.filesQueued 

+ ' - 队列长度: ' + swfuploadifyQueue.queueLength); 
} 
onUploadProgress : function(file,fileBytesLoaded,fileTotalBytes, 
queueBytesLoaded,swfuploadifyQueueUploadSize) {//上传进度发生变更时触发 
alert( 'id: ' + file.id 

+ ' - 索引: ' + file.index 

+ ' - 文件名: ' + file.name 

+ ' - 文件大小: ' + file.size 

+ ' - 类型: ' + file.type 

+ ' - 创建日期: ' + file.creationdate 

+ ' - 修改日期: ' + file.modificationdate 

+ ' - 文件状态: ' + file.filestatus 

+ ' - 当前文件已上传: ' + fileBytesLoaded 

+ ' - 当前文件大小: ' + fileTotalBytes 

+ ' - 队列已上传: ' + queueBytesLoaded 

+ ' - 队列大小: ' + swfuploadifyQueueUploadSize); 
} 
onUploadStart: function(file) {//上传开始时触发(每个文件触发一次) 

alert( 'id: ' + file.id 

+ ' - 索引: ' + file.index 

+ ' - 文件名: ' + file.name 

+ ' - 文件大小: ' + file.size 

+ ' - 类型: ' + file.type 

+ ' - 创建日期: ' + file.creationdate 

+ ' - 修改日期: ' + file.modificationdate 

+ ' - 文件状态: ' + file.filestatus ); 
} 
onUploadSuccess : function(file,data,response) {//上传完成时触发(每个文件触发一次) 

alert( 'id: ' + file.id 

+ ' - 索引: ' + file.index 

+ ' - 文件名: ' + file.name 

+ ' - 文件大小: ' + file.size 

+ ' - 类型: ' + file.type 

+ ' - 创建日期: ' + file.creationdate 

+ ' - 修改日期: ' + file.modificationdate 

+ ' - 文件状态: ' + file.filestatus 

+ ' - 服务器端消息: ' + data 

+ ' - 是否上传成功: ' + response); 
}
Javascript 相关文章推荐
javascript中的循环语句for语句深入理解
Apr 04 Javascript
如何正确使用javascript 来进行我们的程序开发
Jun 23 Javascript
30个经典的jQuery代码开发技巧
Dec 15 Javascript
jQuery+CSS3实现树叶飘落特效
Feb 01 Javascript
JavaScript DOM事件(笔记)
Apr 08 Javascript
js仿淘宝和百度文库的评分功能
May 15 Javascript
uploader秒传图片到服务器完整代码
Apr 22 Javascript
详解Axios 如何取消已发送的请求
Oct 20 Javascript
关于在LayUI中使用AJAX提交巨坑记录
Oct 25 Javascript
Js视频播放器插件Video.js使用方法详解
Feb 04 Javascript
JS实现百度搜索框关键字推荐
Feb 17 Javascript
vue使用keep-alive实现组件切换时保存原组件数据方法
Oct 30 Javascript
通过Javascript创建一个选择文件的对话框代码
Jun 16 #Javascript
通过Javascript将数据导出到外部Excel文档的函数代码
Jun 15 #Javascript
精心挑选的15个jQuery下拉菜单制作教程
Jun 15 #Javascript
jQuery操作input type=radio的实现代码
Jun 14 #Javascript
jQuery操作 input type=checkbox的实现代码
Jun 14 #Javascript
基于jQuery的遍历同id元素 并响应事件的代码
Jun 14 #Javascript
jQuery操作select的实例代码
Jun 14 #Javascript
You might like
PHP连接SQLServer2005的实现方法(附ntwdblib.dll下载)
2012/07/02 PHP
php调用c接口无错版介绍
2014/03/11 PHP
php字符串替换函数substr_replace()用法实例
2015/03/17 PHP
利用PHP如何写APP接口详解
2016/08/23 PHP
PHP面向对象中new self()与 new static()的区别浅析
2017/08/17 PHP
IE6下CSS图片缓存问题解决方法
2010/12/09 Javascript
使用jquery实现图文切换效果另加特效
2013/01/20 Javascript
基于jquery实现的图片在各种分辨率下未知的容器内上下左右居中
2014/05/11 Javascript
JS+CSS实现的经典tab选项卡效果代码
2015/09/16 Javascript
jQuery实现获取绑定自定义事件元素的方法
2015/12/02 Javascript
再次谈论React.js实现原生js拖拽效果引起的一系列问题
2016/04/03 Javascript
总结AngularJS开发者最常犯的十个错误
2016/08/31 Javascript
值得学习的bootstrap fileinput文件上传工具
2016/11/08 Javascript
jQuery实现鼠标悬停3d菜单展开动画效果
2017/01/19 Javascript
JS中的数组转变成JSON格式字符串的方法
2017/05/09 Javascript
Easyui使用Dialog行内按钮布局的实例
2017/07/27 Javascript
最基础的vue.js双向绑定操作
2017/08/23 Javascript
js实现数组和对象的深浅拷贝
2017/09/30 Javascript
浅谈JS中几种轻松处理'this'指向方式
2019/09/16 Javascript
利用numpy和pandas处理csv文件中的时间方法
2018/04/19 Python
python将.ppm格式图片转换成.jpg格式文件的方法
2018/10/27 Python
python 顺时针打印矩阵的超简洁代码
2018/11/14 Python
numpy数组广播的机制
2019/07/12 Python
PyTorch实现更新部分网络,其他不更新
2019/12/31 Python
在pytorch中对非叶节点的变量计算梯度实例
2020/01/10 Python
如何使用python写截屏小工具
2020/09/29 Python
UGG雪地靴德国官网:UGG德国
2016/11/19 全球购物
红旗团支部事迹材料
2014/01/27 职场文书
破坏寝室公物检讨书
2014/11/17 职场文书
教师工作能力自我评价
2015/03/04 职场文书
个人工作能力自我评价
2015/03/05 职场文书
2015年上半年党建工作总结
2015/03/30 职场文书
水知道答案观后感
2015/06/08 职场文书
python 制作一个gui界面的翻译工具
2021/05/14 Python
详解Redis基本命令与使用场景
2021/06/01 Redis
讲解Python实例练习逆序输出字符串
2022/05/06 Python