基于jquery的上传插件uploadify

《基于jquery的上传插件uploadify》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、看到一款基于jquery的上传插件Uploadify无论在功能、外观、可用性和扩展性上都有不错表现，于是研究了一番，介绍给大家。  简介Uploadify简单说来，是基于Jquery的一款文件上传插件。它的功能特色总结如下：支持单文件或多文件上传，可控制并发上传的文件数在服务器端支持各种语言与之配合使用，诸如PHP,.NET,Java……通过参数可配置上传文件类型及大小限制通过参数可配置是否选择文件后自动上传易于扩展，可控制每一步骤的回调函数（onSelect,onCancel……）通过接口参数和CSS控制外观更多……

2、相关链接Uploadify主页地址：http://www.uploadify.com/在该页面你可以了解到关于他的更多内容。Uploadify在线演示：在线DemoUploadify配置参数及接口文档：http://www.uploadify.com/documentationUploadify插件下载地址：http://www.uploadify.com/download使用方法下载插件安装包后，可以看到里面的几个主要文件：jquery.uploadify.js（完成上传功能的脚本文件，在调用页面引用）、upload

3、ify.css（外观样式表）、uploader.swf（上传控件的主体文件，flash控件）、upload.php（服务器端处理文件，官方仅提供了php版的）引用了插件文件后，在页面中做如下调用：//声明一个普通的html文件上传控件，并指定id//将声明的普通上传控件与Uploadify插件绑定$(document).ready(function(){$('#f

4、ileInput').fileUpload({//以下参数均是可选'uploader'  :'uploader.swf',  //指定上传控件的主体文件，默认‘uploader.swf’'script'    :'upload.php',      //指定服务器端上传处理文件，默认‘upload.php’'cancelImg':'cancel.png',  //指定取消上传的图片，默认‘cancel.png’'auto'      :true,              //选定文件后是否自动上传，默认false'f

5、older'    :'/uploads'        //要上传到的服务器路径，默认‘/’'muti'    :true,              //是否允许同时上传多文件，默认false'fileDesc':'rar文件或zip文件'  //出现在上传对话框中的文件类型描述'fileExt'  :'*.rar;*.zip',      //控制可上传文件的扩展名，启用本项时需同时声明fileDesc'sizeLimit':86400          //控制上传文件的大小，单位byte'simUploadL

6、imit':5        //多文件上传时，同时上传文件数目限制});});上面列出了我认为常用的配置选项，此外还有很多参数可配置，参考官方文档通过调用相关功能函数，声明功能按钮。例如声明上传功能按钮（自动上传时不需要）：上传文件声明取消多文件上传时上传队列：取消

7、上传队列 jquery.Uploadify部分参数的介绍，API的中文解释以以使用例子    以下附上Uploadify部分参数的介绍：  　uploader：uploadify.swf文件的相对路径，该swf文件是一个带有文字BROWSE的按钮，点击后弹出打开文件对话框，默认值：uploadify.swf。　　script：后台处理程序的相对路径。默认值：uploadify.php　　checkScript：用来判断上传选择的文件在服务器是否存在的后台处理程序的相对路径　　fileDataName：设置一个名

8、字，在服务器处理程序中根据该名字来取上传文件的数据。默认为Filedata　　method：提交方式Post或Get默认为Post　　scriptAccess：flash脚本文件的访问模式，如果在本地测试设置为always，默认值：sameDomain　　folder：上传文件存放的目录。　　queueID：文件队列的ID，该ID