《基于jquery的上传插件Uploadify》.docVIP

看到一款基于jquery的上传插件Uploadify无论在功能、外观、可用性和扩展性上都有不错表现，于是研究了一番，介绍给大家。简介Uploadify简单说来，是基于Jquery的一款文件上传插件。它的功能特色总结如下：支持单文件或多文件上传，可控制并发上传的文件数 在服务器端支持各种语言与之配合使用，诸如PHP,.NET,Java…… 通过参数可配置上传文件类型及大小限制 通过参数可配置是否选择文件后自动上传 易于扩展，可控制每一步骤的回调函数（onSelect, onCancel……） 通过接口参数和CSS控制外观 更多……相关链接Uploadify主页地址：/ 在该页面你可以了解到关于他的更多内容。Uploadify在线演示：在线DemoUploadify配置参数及接口文档：/documentationUploadify插件下载地址：/download使用方法下载插件安装包后，可以看到里面的几个主要文件：jquery.uploadify.js（完成上传功能的脚本文件，在调用页面引用）、uploadify.css（外观样式表）、uploader.swf（上传控件的主体文件，flash控件）、upload.php（服务器端处理文件，官方仅提供了php版的） 引用了插件文件后，在页面中做如下调用： //声明一个普通的html文件上传控件，并指定idinput type=file name=fileInput id=fileInput ///将声明的普通上传控件与Uploadify插件绑定script type=text/javascript$(document).ready(function() {$(#fileInput).fileUpload ({//以下参数均是可选uploader??: uploader.swf,?? //指定上传控件的主体文件，默认‘uploader.swf’script????: upload.php,//指定服务器端上传处理文件，默认‘upload.php’cancelImg : cancel.png,?? //指定取消上传的图片，默认‘cancel.png’auto: true,//选定文件后是否自动上传，默认falsefolder????: /uploads//要上传到的服务器路径，默认‘/’muti: true,//是否允许同时上传多文件，默认falsefileDesc : rar文件或zip文件??//出现在上传对话框中的文件类型描述fileExt?? : *.rar;*.zip,//控制可上传文件的扩展名，启用本项时需同时声明fileDescsizeLimit: 86400//控制上传文件的大小，单位bytesimUploadLimit :5//多文件上传时，同时上传文件数目限制});});/script上面列出了我认为常用的配置选项，此外还有很多参数可配置，参考官方文档通过调用相关功能函数，声明功能按钮。例如声明上传功能按钮（自动上传时不需要）： a href=javascript:$(#fileInput).fileUploadStart();上传文件/a声明取消多文件上传时上传队列：a href=javascript:$(#fileInput).fileUploadClearQueue();取消上传队列/ajquery.Uploadify部分参数的介绍，API的中文解释以以使用例子以下附上Uploadify部分参数的介绍：uploader ： uploadify.swf 文件的相对路径，该swf文件是一个带有文字BROWSE的按钮，点击后弹出打开文件对话框，默认值：uploadify.swf。　　script ： 后台处理程序的相对路径 。默认值：uploadify.php　　checkScript ：用来判断上传选择的文件在服务器是否存在的后台处理程序的相对路径　　fileDataName ：设置一个名字，在服务器处理程序中根据该名字来取上传文件的数据。默认为Filedata　　method ： 提交方式Post 或Get 默认为Post　　scriptAccess ：flash脚本文件的访问模式，如果在本地测试设置为always，默认值：sameDomain　　folder ： 上传文件存放的目录 。　　queueID ： 文件队列的ID，该ID与存放文件队列的div的ID一致。　　queueSizeLimit ： 当允许多文件生成时，设置选择文件的个数，默认值：999 。　　multi ： 设置为true时可以上传多个文件。　　auto ： 设置