什么是Uploadify

原文：Uploadify is a jQuery plugin that integrates a fully-customizable multiple file upload utility on your website. It uses a mixture of Javascript, ActionScript, and any server-side language to dynamically create an instance over any DOM element on a page.

译文：Uploadify是一个jQuery插件，集成了一个完全可定制的多个文件上传您的网站上的效用。它混合使用的Javascript，ActionScript，和任何服务器端语言来动态创建的任何一个页面上的DOM元素的一个实例。

原文: Uploadify was born out of the need for a multiple file upload utility for a CMS that was being developed.  After evaluating the other available options, RonnieSan decided the best option was to build a new plug-in and make it available to the development community.  In order to make the plug-in easy to implement and highly-customizable, the jQuery format was chosen.  After word got out, the popularity of the plug-in spawned the need for a dedicated site.  Travis Nickels volunteered his help to refine the Uploadify plug-in and make it what it is today.

译文:CMS开发后，需要实现多文件上传功能，这样，Uploadify这个实用工具诞生了。经过评过其他可用选项，RonnieSan决定创建一个新的插件提供给开发社区。为了使这个插件容易实施，并可高度定制，最后选择了Jquery.消息传出后，这个插件的普及，使其需要一个专门的网站来提供支持。Travis Nickels自告奋勇的去帮助和完善Uploadify插件。这就是我们今天看到的这个网站。

Uplodify的特点

原文:Uploadify was created to be an easy-to-implement solution for multiple file uploads. As a jQuery plugin, the Uploadify implementation is simple and highly-customizable.

While it may require a foundational knowledge of jQuery to successfully implement, this documentation should provide a comprehensive enough reference for those who are having trouble.  If you are running into issues that this documentation can't help solve, there is an active community of Uploadify users that can be accessed through the forums.  In addition, we've provided a list of FAQs that may also aid in troubleshooting your Uploadify instance

译文:

Uploadify是一个简单易用的多文件上传方案。作为一个Jquery插件，Uploadify使用简单，并具有高度的定制性。

正常使用Uploadify插件需要一些Jquery基础知识。为了减少使用问题，本文档提供了足够全面的参考知识。如果该文档不能解决你在使用中遇到的问题，请访问论坛(http://www.uploadify.com/forums/)获取更多信息。此外，我们提供了常见问题列表，也许这些信息也能帮助你解决Uploadify在使用中遇到的问题。

头文件引入

使用Uploadify插件需要引入uploadify.css、jquery.js、swfobjects.js、和uploadify.js等4个文件

HTML文件

如果只是实现简单的文件上传功能，只需要在body里，添加一个file。

Js代码

        $(document).ready(function () {

            $("#up_file").uploadify({

                'uploader': '/uploadify/uploadify/uploadify.swf',

                'script': '/uploadify/UploadifyHandler.ashx',

                'cancelImg': ,

                'folder': '/upload',

                'auto':true,

                'multi':true

            });

        });

Ok,以上文件就可以实现一个文件上传功能。

1、onAllComplete：当队列中所有文件上传完成后触发。

示例

‘onAllComplete’:function(event,data){….}

event:事件对象(the event object)

data:包含上传文件的详细信息对象

Data

示例

‘onCancel’:function(event,ID,fileObj,data){…}

event:事件对象(the event object)

ID:被取消的文件的唯一标识

fileObj:选中文件的对象，他包含的属性列表如下

FileOjb

data

示例：function(event,data,key)｛。。｝

event:事件对象(the event object)

data:包含服务器段所有文件名称的一个列表。每个文件的关键字是队列中的唯一标识。

key:用户服务器段检测的唯一标识

4、onClearQueue: 当uploadifyClearQueue()方法调用时触发

示例:’onClearQueue’:function(event){….}

event:事件对象(the event object)

5、onComplete：当单个文件上传完成后触发

示例：’onComplete’:function(event,ID,fileObj,response,data){….}

event:事件对象(the event object)

ID:该文件在文件队列中的唯一表示

fileObj:选中文件的对象，他包含的属性列表如下

FileOjb

data：文件队列详细信息和文件上传的一般数据

data

示例：’onError’:function(event,ID,fileObj,errorObj){…}

event:事件对象(the event object)

fileObj:选中文件的对象，他包含的属性列表如下

FileOjb

errorObj

示例:’onInit’:function(){…}

8、onOpen:文件开始上传时触发

示例:’onOpen’:function(event,ID,fileObj){…}

event:事件对象(the event object)

ID:开始上传的文件在文件队列中的唯一表示

fileObj:选中文件的对象，他包含的属性列表如下

FileOjb

示例：’onProgress’:function(event,ID,fileObj,data){…}

event:事件对象(the event object)

ID:正在上传的文件在文件队列中的唯一表示

fileObj:选中文件的对象，他包含的属性列表如下

FileOjb

data

示例:’onQueueFull’:function(event,queueSizeLimit){}

event:事件对象(the event object)

queueSizeLimit:上传文件的最大数。queueSizeLimit属性值。

11、onSelect: 选择文件时触发，

示例:’onSelect’:function(event,ID,fileObj){…}

event:事件对象(the event object)

ID:选中文件的唯一标识

fileObj:选中文件的对象，他包含的属性列表如下

FileOjb

示例:’onSelectOnce’:function(event,data){…}

event:事件对象(the event object)

data:选择的操作信息

data

示例:’onSWFReady’:function(){}

方法

∙uploadify() 创建一个uploadify实例。

∙uploadifyCancel() 从队列中移除一个文件。如果文件正在上传，则停止上传，并在队列中移除该文件。uploadifyCancel($(“. uploadifyQueueItem”).first().attr(“id”).replace(“页面上的file的ID”,””));

∙uploadifyClearQueue():取消文件上传，并移除队列中的所有文件。

∙uploadifySettings():更改uploadify初始化时的选项uploadifySettings(‘buttonText’,’Browse’)

∙uploadifyUpload()上传文件:uploadifyUpload($(“. uploadifyQueueItem”).first().attr(“id”).replace(“页面上的file的ID”,’’));

备注：由于官方给出的文件上传用的是PHP语言文件。所以自己写了一个.net的

附录

∙Uploadify的官方网站: http://www.uploadify.com/

∙Uploadify的下载页面: http://www.uploadify.com/download/

∙Uploadify-V2.1.4 :http://www.uploadify.com/wp-content/uploads/uploadify-v2.1.4.zip

∙帮助文档: http://www.uploadify.com/documentation/

∙常见问题: http://www.uploadify.com/faqs/

∙Demo下载地址: http://dl.dbank.com/c08qsci31i下载本文