首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > asp.net >

Uploadify 插件有关问题

2013-10-29 
Uploadify 插件问题Uploadify 插件上传的按钮图标怎么改?就是我不想要http://www.uploadify.com/demos/的S

Uploadify 插件问题
Uploadify 插件上传的按钮图标怎么改?就是我不想要http://www.uploadify.com/demos/的Select的那种效果。如何改那个Select的效果??求大神指教。。。
程序代码如下:
JS:
     $(document).ready(function()
        {
            $("#uploadify").uploadify({
                'uploader': 'JS/jquery.uploadify-v2.1.0/uploadify.swf',
                'script': 'UploadHandler.ashx',
                'cancelImg': 'JS/jquery.uploadify-v2.1.0/cancel.png',
                'folder': 'UploadFile',
                'queueID': 'fileQueue',
                'auto': false,
                'multi': true
            });
        }); 

html:
  <input type="file" name="uploadify" id="uploadify" />
    <p>
        <a href="javascript:$('#uploadify').uploadifyUpload()">上传</a>| 
        <a href="javascript:$('#uploadify').uploadifyClearQueue()">取消上传</a>
    </p> javascript
[解决办法]
倒是可以改成其他文字,或者是改成其他图片。下面例子有介绍。不过uploadify老版本是不支持中文的,需要更改swf文件,我就是改过的所以支持。新版本没试过。

$("#uploadify").uploadify({
                'uploader': 'JS/jquery.uploadify-v2.1.0/uploadify.swf', //uploadify.swf 文件的相对路径,该swf文件是一个带有文字BROWSE的按钮,点击后淡出打开文件对话框,默认值:uploadify.swf
                'script': 'UploadHandler.ashx',//后台处理程序的相对路径
                'cancelImg': 'JS/jquery.uploadify-v2.1.0/cancel.png',//指定取消上传的图片,默认‘cancel.png’
                'folder': 'UploadBase/Message',//文件存储在项目的位置
                'queueID': 'fileQueue',//文件队列的ID,该ID与存放文件队列的div的ID一致
                'auto': false,//选定文件后是否自动上传,默认false
                'multi': true,// 设置为true时可以上传多个文件
                'sizeLimit':5242880000,////控制上传文件的体积大小,单位byte
                'simUploadLimit':1,//多文件上传时,同时上传文件数目限制,默认1
                'queueSizeLimit':10,//当允许多文件生成时,设置选择文件的个数,默认值:999 。
                'fileExt': '*.iso;*.Jpeg;*.gif;*.jpg;*.GIF;*.JPG;*.JPEG;*.Jpg;*.Jpeg;*.Gif;*.rar;*.RAR;*.ZIP;*.zip;*.pdf;*.Pdf;*.PDF;*.DOC;*.doc;*.xls;*.ppt;*.swf;*.DOCX;*.docx;*.xlsx;*.XLSX;*.pptx;*.PPTX',
                'fileDesc':'请选择文件' ,
                'buttonText':'点我浏览文件',
                ///'buttonImg': 'JS/jquery.uploadify-v2.1.0/uploadify.jpg',//设置“浏览”按钮的图片
                'onComplete':function(event,queueId,fileObj,response,data){   
                    //
                },
                'onAllComplete':function(e,data){
                    //
                }
                ,'onSelect': function(e, queueId, fileObj){
                           // 


               },'onCancel':function(event,queueId,fileObj,data){
                    //  
              }
            });


热点排行