代码改变世界

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是一款轻量级的专业配色工具,其具有高素色盘和色系方案,支持在线操作方案,是图像、网页等相关设计领域比较便利的工具软件

官方网站:http://www.colorschemer.com/