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面向对象编程(三) 非构造函数的继承
Aug 28 Javascript
jQuery中jqGrid分页实现代码
Nov 04 Javascript
基于jQuery的倒计时实现代码
May 30 Javascript
js获取当前地址 JS获取当前URL的示例代码
Feb 26 Javascript
JS小游戏之极速快跑源码详解
Sep 25 Javascript
JavaScript实现的原生态Tab标签页功能【兼容IE6】
Sep 18 Javascript
vue.js计算属性computed用法实例分析
Jul 06 Javascript
发布订阅模式在vue中的实际运用实例详解
Jun 09 Javascript
js实现随机点名程序
Sep 17 Javascript
vue中keep-alive、activated的探讨和使用详解
Jul 26 Javascript
js轮播图之旋转木马效果
Oct 13 Javascript
基于vuex实现购物车功能
Jan 10 Vue.js
通过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
新闻分类录入、显示系统
2006/10/09 PHP
php获得文件扩展名三法
2006/11/25 PHP
php利用iframe实现无刷新文件上传功能的代码
2011/09/29 PHP
利用浏览器的Javascript控制台调试PHP程序
2014/01/08 PHP
thinkPHP实现MemCache分布式缓存功能
2016/03/23 PHP
Mac下php 5升级到php 7的步骤详解
2017/04/26 PHP
Joomla框架实现字符串截取的方法示例
2017/07/18 PHP
php使用curl下载指定大小的文件实例代码
2017/09/30 PHP
JavaScript高级程序设计 错误处理与调试学习笔记
2011/09/10 Javascript
jQuery 下拉列表 二级联动插件分享
2012/03/29 Javascript
node.js入门教程迷你书、node.js入门web应用开发完全示例
2014/04/06 Javascript
jQuery自带的一些常用方法总结
2014/09/03 Javascript
js在指定位置增加节点函数insertBefore()用法实例
2015/01/12 Javascript
在AngularJS应用中实现一些动画效果的代码
2015/06/18 Javascript
C++中的string类的用法小结
2015/08/07 Javascript
js实现文字在按钮上滚动的方法
2015/08/20 Javascript
JS生成某个范围的随机数【四种情况详解】
2016/04/20 Javascript
使用Require.js封装原生js轮播图的实现代码
2017/06/15 Javascript
angularjs2中父子组件的数据传递的实例代码
2017/07/05 Javascript
详解vue 模拟后台数据(加载本地json文件)调试
2017/08/25 Javascript
python抓取京东价格分析京东商品价格走势
2014/01/09 Python
Python实现的下载8000首儿歌的代码分享
2014/11/21 Python
python 一个figure上显示多个图像的实例
2019/07/08 Python
HTML5 File接口在web页面上使用文件下载
2017/02/27 HTML / CSS
美国著名首饰网站:BaubleBar
2016/08/29 全球购物
Giglio英国站:意大利奢侈品购物网
2018/03/06 全球购物
如何启动时不需输入用户名与密码
2014/05/09 面试题
几个Shell Script面试题
2012/08/31 面试题
中文专业毕业生自荐书范文
2014/01/04 职场文书
蜜蜂引路教学反思
2014/02/04 职场文书
个人贷款担保书
2014/04/01 职场文书
校长寄语大全
2014/04/09 职场文书
出纳试用期自我鉴定范文
2014/09/16 职场文书
遗嘱继承权公证书
2015/01/26 职场文书
酒店辞职书范文
2015/02/26 职场文书
Win10/Win11 任务栏替换成经典样式
2022/04/19 数码科技