- 1、本文档共26页,可阅读全部内容。
- 2、原创力文档(book118)网站文档一经付费(服务费),不意味着购买了该文档的版权,仅供个人/单位学习、研究之用,不得用于商业用途,未经授权,严禁复制、发行、汇编、翻译或者网络传播等,侵权必究。
- 3、本站所有内容均由合作方或网友上传,本站不对文档的完整性、权威性及其观点立场正确性做任何保证或承诺!文档内容仅供研究参考,付费前请自行鉴别。如您付费,意味着您自己接受本站规则且自行承担风险,本站不退款、不进行额外附加服务;查看《如何避免下载的几个坑》。如果您已付费下载过本站文档,您可以点击 这里二次下载。
- 4、如文档侵犯商业秘密、侵犯著作权、侵犯人身权等,请点击“版权申诉”(推荐),也可以打举报电话:400-050-0827(电话支持时间:9:00-18:30)。
- 5、该文档为VIP文档,如果想要下载,成为VIP会员后,下载免费。
- 6、成为VIP后,下载本文档将扣除1次下载权益。下载后,不支持退款、换文档。如有疑问请联系我们。
- 7、成为VIP后,您将拥有八大权益,权益包括:VIP文档下载权益、阅读免打扰、文档格式转换、高级专利检索、专属身份标志、高级客服、多端互通、版权登记。
- 8、VIP文档为合作方或网友上传,每下载1次, 网站将根据用户上传文档的质量评分、类型等,对文档贡献者给予高额补贴、流量扶持。如果你也想贡献VIP文档。上传文档
查看更多
看到一款基于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();取消上传队列/a
?jquery.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 : 文件队列的I
文档评论(0)