uploadify批量上传文件组件
2010-11-06 15:40 12月 阅读(619) 评论(0) 编辑 收藏 举报今天在做一个项目时,批量上传子类图片发现自己Code上传在UI设计方面不是很人性化,并且扩展性不是很好,于是换用了uploadify批量上传组件,这个JS组件功能扩张性和UI设计都还比较好。
总的来说有以下优点:
1、良好的UI界面,UI界面可根据需要自行更换
2、方法和参数扩展丰富,如:onSelect,onComplete,onProgress……
3、界面简洁,体积小,可以传递参数等
部分函数预览:
'onSelectOnce':function(event,data)
{
/*
* event:事件对象。
*fileCount:选择文件的总数。
* filesSelected:同时选择文件的个数,如果一次选择了3个文件该属性值为3。
* filesReplaced:如果文件队列中已经存在A和B两个文件,再次选择文件时又选择了A和B,该属性值为2。
* allBytesTotal:所有选择的文件的总大小。
*/
},
'onSelect':function(event,queueId,fileObj)
{
/*
在单文件或多文件上传时,选择文件时触发。
选择文件时触发,该函数有三个参数
*选择文件上传时可以禁用某些按钮
* event:事件对象。
* queueID:文件的唯一标识,由6为随机字符组成。
* fileObj:选择的文件对象,有name、size、creationDate、modificationDate、type 5个属性。
*/
},
'onComplete': function(event,queueId,fileObj,response,data)
{
/*
文件上传完成后触发
*event:事件对象。
* queueID:文件的唯一标识,由6为随机字符组成。
* fileObj:选择的文件对象,有name、size、creationDate、modificationDate、type 5个属性。
response: 1.fileCount:剩余没有上传完成的文件的个数。
2.speed:文件上传的平均速率 kb/s
*/
SetLi_UpdateFiles(fileObj);
},
'onAllComplete': function(event,data)
{
/*
文件队列中所有的文件上传完成后触发。
data:1.filesUploaded :上传的所有文件个数。
2.errors :出现错误的个数。
3.allBytesLoaded :所有上传文件的总大小。
4.speed :平均上传速率 kb/s
*/
enabledSaveButton(true);
},
'onCancel': function(event,queueId,fileObj,data)
{
/*
当点击文件队列中文件的关闭按钮或点击取消上传时触发。
data:1.fileCount:取消一个文件后,文件队列中剩余文件的个数。
2. allBytesTotal:取消一个文件后,文件队列中剩余文件的大小。
*/
},
下面是组件资源(包含uploadify资源包和实例)
另外一款配色工具也给大家介绍一下:ColorSchemer Studio
ColorSchemer是一款轻量级的专业配色工具,其具有高素色盘和色系方案,支持在线操作方案,是图像、网页等相关设计领域比较便利的工具软件