基于jquery的上传插件Uploadify的API中文说明及例题
2013-04-08 10:15
169 查看
以下附上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:设置为true当选择文件后就直接上传了,为false需要点击上传按钮才上传。 fileDesc:这个属性值必须设置fileExt属性后才有效,用来设置选择文件对话框中的提示文本,如设置fileDesc为“请选择rardocpdf文件”,打开文件选择框效果如下图: fileExt:设置可以选择的文件的类型,格式如:'*.doc;*.pdf;*.rar'。 sizeLimit:上传文件的大小限制。 simUploadLimit:允许同时上传的个数默认值:1。 buttonText:浏览按钮的文本,默认值:BROWSE。 buttonImg:浏览按钮的图片的路径。 hideButton:设置为true则隐藏浏览按钮的图片。 rollover:值为true和false,设置为true时当鼠标移到浏览按钮上时有反转效果。 width:设置浏览按钮的宽度,默认值:110。 height:设置浏览按钮的高度,默认值:30。 wmode:设置该项为transparent可以使浏览按钮的flash背景文件透明,并且flash文件会被置为页面的最高层。默认值:opaque。 cancelImg:选择文件到文件队列中后的每一个文件上的关闭按钮图标Uploadify还自带了很多参数及有用的方法和回调函数,都在API里,虽然是全英文的,但很容易看懂,这里就不说了。以下是我用到的代码,可以参考一下:使用例子:
2、
复制代码<scripttype="text/javascript">$(document).ready(function(){$("#uploadify").uploadify({'uploader':'images/uploadify.swf','script':'<%=request.getContextPath()%>/content/ImportScheduleCommitAction.do','cancelImg':'images/cancel.png','folder':'/','queueID':'fileQueue','fileDataName':'uploadify','fileDesc':'支持格式:xls.','fileExt':'*.xls','auto':false,'multi':true,'height':20,'width':50,'simUploadLimit':3,//'buttonText':'fdsfdsf...','buttonImg':'images/browse.jpg',//'hideButton':true,//'rollover':true,'wmode':'transparent',onComplete:function(event,queueID,fileObj,response,data){$('<li></li>').appendTo('.files').text(response);},onError:function(event,queueID,fileObj){alert("文件:"+fileObj.name+"上传失败");}//onCancel:function(event,queueID,fileObj)//{//alert("取消文件:"+fileObj.name);//}}); |
复制代码<scripttype="text/javascript">$(document).ready(function(){$("#uploadify").uploadify({'uploader':'images/uploadify.swf','script':'<%=request.getContextPath()%>/content/ImportScheduleCommitAction.do','cancelImg':'images/cancel.png','folder':'/','queueID':'fileQueue','fileDataName':'uploadify','fileDesc':'支持格式:xls.','fileExt':'*.xls','auto':false,'multi':true,'height':20,'width':50,'simUploadLimit':3,//'buttonText':'fdsfdsf...','buttonImg':'images/browse.jpg',//'hideButton':true,//'rollover':true,'wmode':'transparent',onComplete:function(event,queueID,fileObj,response,data){$('<li></li>').appendTo('.files').text(response);},onError:function(event,queueID,fileObj){alert("文件:"+fileObj.name+"上传失败");}//onCancel:function(event,queueID,fileObj)//{//alert("取消文件:"+fileObj.name);//}});3.2版本<!--jQuery上传插件Uploadify3.2使用 2012年10月23日admin发表评论阅读评论 我今天介绍的Uploadify3.2的,以前旧版本的并不适用,说到这个,我就火大,我也是第一次使用,也百度了下使用手册,结果坑爹的那些手册都是旧版的,新版的Uploadify接口和旧版的差太多了。废话不多说,进入正题。 Uploadify下载地址: 大体上常用的我想也就这些,至于后端处理上传部分,我这里就不多讲了,和普通的文件上传处理方式是一样的。 */ |
相关文章推荐
- jquery.uploadify上传插件HTML5版中文api使用说明
- 基于jquery的上传插件Uploadify
- 基于jQuery的上传插件uploadify-已实践
- 基于jquery的上传插件Uploadify
- JQuery上传插件Uploadify详解及其中文按钮解决方案
- JQuery上传插件Uploadify详解及其中文按钮解决方案 .
- 基于Jquery插件Uploadify实现实时显示进度条上传图片
- JQuery上传插件Uploadify详解及其中文按钮解决方案 .
- 基于JQuery的上传插件Uploadify
- jQuery图表插件 jqPlot API 中文说明
- 基于jQuery的Web上传插件Uploadify使用示例
- 修改jquery文件上传插件uploadify的英文为中文
- 基于jquery的上传插件Uploadify 3.1.1在MVC3中的使用
- 基于jQuery和Flash的多文件上传插件uploadify在asp.net下session丢失解决方案
- 基于jquery的上传插件Uploadify 3.1.1在MVC3中的使用
- JQuery上传插件Uploadify详解及其中文按钮解决方案
- JQuery上传插件Uploadify详解及其中文按钮解决方案
- 基于jQuery和Flash的多文件上传插件uploadify在asp.net下session丢失解决方案
- jQuery上传插件-uploadify3.1使用说明
- 基于jquery的上传插件Uploadify 3.1.1在MVC3中的使用