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 相关文章推荐
在textarea文本域中显示HTML代码的方法
Mar 06 Javascript
javascript parseInt 大改造
Sep 27 Javascript
jQuery Autocomplete自动完成插件
Jul 17 Javascript
js给onclick赋值传参数的两种方法
Nov 25 Javascript
jQuery实现单击弹出Div层窗口效果(可关闭可拖动)
Sep 19 Javascript
JavaScript File分段上传
Mar 10 Javascript
Vue.directive自定义指令的使用详解
Mar 10 Javascript
使用canvas进行图像编辑的实例
Aug 29 Javascript
用vue2.0实现点击选中active其他选项互斥的效果
Apr 12 Javascript
基于VuePress 轻量级静态网站生成器的实现方法
Apr 17 Javascript
Django+Vue跨域环境配置详解
Jul 06 Javascript
小程序实现列表展开收起效果
Jul 29 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
比特率,大家看看这个就不用收音机音质去比MP3音质了
2021/03/01 无线电
PHP date()函数警告: It is not safe to rely on the system解决方法
2014/08/20 PHP
Smarty foreach控制循环次数的一些方法
2015/07/01 PHP
用jquery生成二级菜单的实例代码
2013/06/24 Javascript
js substring从右边获取指定长度字符串(示例代码)
2013/12/23 Javascript
js中文逗号转英文实现
2014/02/11 Javascript
多种方法实现360浏览器下禁止自动填写用户名密码
2014/06/16 Javascript
打造个性化的功能强大的Jquery虚拟键盘(VirtualKeyboard)
2014/10/11 Javascript
浅析webapp框架AngularUI的demo
2014/12/21 Javascript
ECMAScript5(ES5)中bind方法使用小结
2015/05/07 Javascript
js实现时间显示几天前、几小时前或者几分钟前的方法集锦
2015/05/29 Javascript
全面解析bootstrap格子布局
2016/05/22 Javascript
jQuery插件EasyUI获取当前Tab中iframe窗体对象的方法
2016/08/05 Javascript
JS获取鼠标选中的文字
2016/08/10 Javascript
JS返回只包含数字类型的数组实例分析
2016/12/16 Javascript
原生js实现吸顶效果
2017/03/13 Javascript
JS数组交集、并集、差集的示例代码
2017/08/23 Javascript
浅谈Node模块系统及其模式
2017/11/17 Javascript
jQuery+ajax实现动态添加表格tr td功能示例
2018/04/23 jQuery
Vue中插入HTML代码的方法
2018/09/21 Javascript
Python小工具之消耗系统指定大小内存的方法
2018/12/03 Python
Python Excel处理库openpyxl使用详解
2019/05/09 Python
Python3内置模块pprint让打印比print更美观详解
2019/06/02 Python
opencv 图像腐蚀和图像膨胀的实现
2020/07/07 Python
英国手工制作的现代与经典的沙发和床:Love Your Home
2020/09/26 全球购物
项目建议书格式
2014/03/12 职场文书
酒鬼酒广告词
2014/03/21 职场文书
地道战观后感2000字
2015/06/04 职场文书
2016年党员学习廉政准则心得体会
2016/01/20 职场文书
k-means & DBSCAN 总结
2021/04/27 Python
Python趣味爬虫之用Python实现智慧校园一键评教
2021/05/28 Python
pytorch锁死在dataloader(训练时卡死)
2021/05/28 Python
JavaScript模拟实现网易云轮播效果
2022/04/04 Javascript
vue实力踩坑之push当前页无效
2022/04/10 Vue.js
Mysql排查分析慢sql之explain实战案例
2022/04/19 MySQL
德生2P3收音机开箱评测
2022/04/30 无线电