uploadify教程

Uploadify使用说明什么是Uploadify原文：UploadifyisajQuerypluginthatintegratesafully-customizablemultiplefileuploadutilityonyourwebsite.ItusesamixtureofJavascript,ActionScript,andanyserver-sidelanguagetodynamicallycreateaninstanceoveranyDOMelementonapage.译文：Uploadify是一个jQuery插件，集成了一个完全可定制的多个文件上传您的网站上的效用。它混合使用的Javascript，ActionScript，和任何服务器端语言来动态创建的任何一个页面上的DOM元素的一个实例。原文:UploadifywasbornoutoftheneedforamultiplefileuploadutilityforaCMSthatwasbeingdeveloped.Afterevaluatingtheotheravailableoptions,RonnieSandecidedthebestoptionwastobuildanewplug-inandmakeitavailabletothedevelopmentcommunity.Inordertomaketheplug-ineasytoimplementandhighly-customizable,thejQueryformatwaschosen.Afterwordgotout,thepopularityoftheplug-inspawnedtheneedforadedicatedsite.TravisNickelsvolunteeredhishelptorefinetheUploadifyplug-inandmakeitwhatitistoday.译文:CMS开发后，需要实现多文件上传功能，这样，Uploadify这个实用工具诞生了。经过评过其他可用选项，RonnieSan决定创建一个新的插件提供给开发社区。为了使这个插件容易实施，并可高度定制，最后选择了Jquery.消息传出后，这个插件的普及，使其需要一个专门的网站来提供支持。TravisNickels自告奋勇的去帮助和完善Uploadify插件。这就是我们今天看到的这个网站。Uplodify的特点Features特点jQueryImplementationJquery支持MultipleFileUploadCapabilities多文件上传功能SWFObjectIntegrationSWFObject集成CompatibilitywithPopularServer-SideLanguages流行的服务器端语言功能Highly-Customizable高定制性LargeSupportCommunity强大的社区支持ExtensiveDocumentationwithExamples扩展文档和实例怎么使用Uploadify原文:Uploadifywascreatedtobeaneasy-to-implementsolutionformultiplefileuploads.AsajQueryplugin,theUploadifyimplementationissimpleandhighly-customizable.WhileitmayrequireafoundationalknowledgeofjQuerytosuccessfullyimplement,thisdocumentationshouldprovideacomprehensiveenoughreferenceforthosewhoarehavingtrouble.Ifyouarerunningintoissuesthatthisdocumentationcan'thelpsolve,thereisanactivecommunityofUploadifyusersthatcanbeaccessedthroughtheforums.Inaddition,we'veprovidedalistofFAQsthatmayalsoaidintroubleshootingyourUploadifyinstance译文:Uploadify是一个简单易用的多文件上传方案。作为一个Jquery插件，Uploadify使用简单，并具有高度的定制性。正常使用Uploadify插件需要一些Jquery基础知识。为了减少使用问题，本文档提供了足够全面的参考知识。如果该文档不能解决你在使用中遇到的问题，请访问论坛()获取更多信息。此外，我们提供了常见问题列表，也许这些信息也能帮助你解决Uploadify在使用中遇到的问题。最低需求jQuery1.4.xorgreaterJquery1.4及更高版本swfObject2.2orgreaterSwfObject2.2及以上版本FlashPlayer9.0.24orgreaterFlashPlayer9.0.24及以上版本示例代码头文件引入linkhref=uploadify/uploadify.csstype=text/cssrel=Stylesheetrev=Stylesheet/scripttype=text/javascriptlanguage=javascriptsrc=uploadify/jquery-1.4.2.min.js/scriptscripttype=text/javascriptlanguage=javascriptsrc=uploadify/swfobject.js/scriptscripttype=text/javascriptlanguage=javascriptsrc=uploadify/jquery.uploadify.v2.1.4.min.js/script使用Uploadify插件需要引入uploadify.css、jquery.js、swfobjects.js、和uploadify.js等4个文件HTML文件inputtype=fileid=up_file/如果只是实现简单的文件上传功能，只需要在body里，添加一个file。Js代码scripttype=text/javascriptlanguage=javascript$(document).ready(function(){$(#up_file).uploadify({'uploader':'/uploadify/uploadify/uploadify.swf','script':'/uploadify/UploadifyHandler.ashx','cancelImg':'/uploadify/uploadify/cancel.png','folder':'/upload','auto':true,'multi':true});});/scriptOk,以上文件就可以实现一个文件上传功能。属性名称类型描述autoboolean文件添加到上传队列后，自动进行上传。默认为falsebuttonImgstring浏览按钮的图片路径buttonTextstring浏览按钮上显示的文字(不支持中文，但是可以设置有中文的图片)cancelImgstring文件上传队列中的取消按钮图片路径checkScriptstring检测服务器上已经存在的文件的服务器端脚本路径displayDatastring文件上传过程中，在该文件的队列条目显示的数据信息。默认是上传的百分比(percentage),你可以改为”speed”,显示文件上传的平均速度。expressInstallstringexpressInstall.swf的文件路径，如果计算机不存在flash,则使用该选项初始化flash。fileDataNamestring服务器端脚本使用的文件数组名称。默认为FiledatafileDescstring1.该选项必须配合fileExt一起使用,他是文件类型选中显示的内容，例如:2.'fileExt':'*.jpg;*.gif;*.png',3.'fileDesc':'WebImageFiles(.JPG,.GIF,.PNG)'fileExtstring允许上传的文件类型，使用分号(”;)”分割例如:*.jpg;*.gif,默认为null(所有文件类型)folderstring上传的文件保存路径(文件夹目录)heightinteger浏览按钮的高度hideButtonboolean隐藏flash按钮，这样你就可以自己设置底层div元素的样式了methodstring提交方式POST和GET，默认是POSTmultiboolean是否允许多文件上传。默认为falsequeueIDstring页面上作为文件上传队列的元素的IDqueueSizeLimitinteger允许上传的文件数量上限.默认是999removeCompletedboolean文件上传完成后，是否自动移除队列中的文件。默认为truerolloverboolean如果设置为true,则鼠标移到浏览按钮上后，会有翻转效果scriptstring服务器端处理文件上传的脚本路径scriptAccessstringflash脚本文件的访问模式，如果在本地测试设置为always.允许的选项:'sameDomain'/'always',默认是sameDomain.scriptDataJSONobjectwithmixedtypes在文件上传的过程中，scriptData选项允许发送额外的数据到服务器端脚本，你能像正常使用提交方式获取值（request.Form[“scriptDatavariable”]）。同时，结合.uploadifySettings()方法，可以发送动态数据。例如:'scriptData':{'firstName':'Ronnie','age':30}simUploadLimitinteger同时上传文件的数量。默认为1sizeLimitinteger允许上传的文件大小(kb),例如:'sizeLimit':102400uploaderstringUploadify.swf文件路径widthstring浏览按钮的宽度wmodeString设置该项为transparent可以使浏览按钮的flash背景文件透明，并且flash文件会被置为页面的最高层。默认值：opaque事件onAllCompletefunction当队列中所有文件上传完成后触发。function(event,data)onCancelfunction当队列中的每个文件别移除时触发onCheckfunction上传开始前，如果发现有同名的文件存在则触发该事件。onClearQueuefunction当uploadifyClearQueue()方法调用时触发onCompletefunction当单个文件上传完成后触发onErrorfunction当单个文件上传出错时触发onInitfunction当uploadify实例加载时触发事件1、onAllComplete：当队列中所有文件上传完成后触发。示例‘onAllComplete’:function(event,data){….}event:事件对象(theeventobject)data:包含上传文件的详细信息对象Data数据对象filesUploaded上传了的文件的数量errors遇到的错误总数allBytesLoaded上传的总字节数speed平均上传速度(kb/s)2、onCancel:当队列中的每个文件别移除时触发示例‘onCancel’:function(event,ID,fileObj,data){…}event:事件对象(the