Javascript 如何将我自己的风格应用于uploadify gray gradient按钮？

我在我的网站上使用jqueryui，我想知道如何使用上传按钮的样式，而不是标准的灰色上传按钮

JavaScript:

<script type="text/javascript">
$(document).ready(function() {
        $("button").button();
        $("input:button").button();
        $("#file_upload").button();

  $('#file_upload').uploadify({
    'uploader'  : 'files/uploadify.swf',
    'script'    : 'files/uploadify.php',
    'cancelImg' : 'files/cancel.png',
    'folder'    : 'uploads/',
    'auto'      : false,
    'multi'     : true,
    'buttonText'  : 'Choose Pictures',
    'onAllComplete' : function(event,data) {
      alert(data.filesUploaded + ' files uploaded successfully!');
    },
    'hideButton'  : true
  });
});
</script>

$（文档）.ready（函数（）{
$（“按钮”）.button（）；
$（“输入：按钮”）.button（）；
$（“#文件上传”）.button（）；
$（'#文件上传'）。上传({
“uploader”：“files/uploadify.swf”，
'script'：'files/uploadify.php'，
“cancelImg”：“files/cancel.png”，
'文件夹'：'上载/'，
“自动”：false，
"多":对,，
'按钮文字'：'选择图片'，
“onAllComplete”：函数（事件、数据）{
警报（data.filesuppload+“文件已成功上载！”）；
},
“隐藏按钮”：true
});
});

HTML:

---

这可能吗？我尝试使用

buttonimg

选项，但似乎没有很好的效果，因为在“按钮”上看不到任何文本。正如您在下面看到的，我也在尝试hidebutton选项，但这只是隐藏了灰色按钮。有什么想法吗

下载Uploadify软件包后，灰色按钮似乎是使用Adobe flash实现的。如果您尝试检查Firebug中的按钮，您将看到它是一个嵌入式flash对象

---

对不起，我认为没有办法解决您的问题。

我已经更改了Uploadify的灰色按钮样式。我刚刚添加了以下内容：

'buttonImg': 'images/create_album.png',
'width': '273',
'height': '51',
'wmode': 'transparent',

完整代码：

$(document).ready(function () {
        $("#<%=FileUpload1.ClientID%>").uploadify({
            'uploader': 'scripts/uploadify.swf',
            'script': 'Upload.ashx',
            'cancelImg': 'images/cancel.png',
            'buttonImg': 'images/create_album.png',
            'width': '273',
            'height': '51',
            'wmode': 'transparent',
            'folder': 'uploads',
            'multi': true,
            'auto': true,
            'onAllComplete': function (event, queueID, fileObj, response, data) {                    
            }
        });

    });     

$（文档）.ready（函数（）{
$（“#”）上传({
'uploader'：'scripts/uploadify.swf'，
'script'：'Upload.ashx'，
'cancelImg'：'images/cancel.png'，
“buttonImg”：“images/create_album.png”，
“宽度”：“273”，
‘高度’：‘51’，
'wmode'：'transparent'，
'文件夹'：'上载'，
"多":对,，
“自动”：正确，
'onAllComplete'：函数（事件、队列ID、fileObj、响应、数据）{
}
});
});     

你可能只需要咬紧牙关，创建一个带有文本的图像；这将是最简单的解决办法。

$(document).ready(function () {
        $("#<%=FileUpload1.ClientID%>").uploadify({
            'uploader': 'scripts/uploadify.swf',
            'script': 'Upload.ashx',
            'cancelImg': 'images/cancel.png',
            'buttonImg': 'images/create_album.png',
            'width': '273',
            'height': '51',
            'wmode': 'transparent',
            'folder': 'uploads',
            'multi': true,
            'auto': true,
            'onAllComplete': function (event, queueID, fileObj, response, data) {                    
            }
        });

    });