Question

我正在尝试将自己的样式应用于uploadify按钮，如下所示： Uploadify button: Style with CSS?

的.js：

   <div class="uploadWrapper"><input type="file" name="file_upload" id="file_upload" /></div>

 $("#file_upload").uploadify({
        'uploader': '/Scripts/uploadify/uploadify.swf',
        'script': '/File/Upload',   
        'cancelImg': '/Scripts/uploadify/cancel.png',
        'fileExt': '*.jpg;*.gif;*.png;*.bmp;*.htm;*.html;*.txt;*.zip',
        'fileDesc': '*.jpg;*.gif;*.png;*.bmp;*.htm;*.html;*.txt;*.zip',
        'auto': true,
        'multi': true,
        'sizeLimit': 1048576,
        'buttonText': 'Upload Files',
        'hideButton': true,
        'wmode': 'transparent',
         //more code here....

的CSS：

.uploadWrapper object {background-color: #0099FF;}

这很好用，我看到一个蓝色按钮，我可以点击它来调出文件对话框。但是，按钮上的文本是不可见/未设置。如何设置按钮文字？

Answer 1

这样做

 <script type="text/javascript">
    <?php $timestamp = time();?>
    $(function() {
        $('#file_upload').uploadify({
            'formData'     : {                  
                'timestamp' : '<?php echo $timestamp;?>',
                'token'     : '<?php echo md5('unique_salt' .        $timestamp);?>',
                'sernofa'   : '<?php echo $likeString; ?>', 
                'width'    : 300
            },
            'queueSizeLimit' : 1,
            'uploadLimit' : 1,
            'buttonText' : 'Attach File',
            'swf'      : 'uploadify/uploadify.swf',
            'uploader' : 'uploadify/uploadify.php',
            'onQueueComplete' : function(queueData) {
             console.log(queueData);
    }


        });
    });
</script>

上传按钮文字

1 个答案: