“如何删除”;“未选择任何文件”;在CMultiFileUpload中是否在Yii中?

“如何删除”;“未选择任何文件”;在CMultiFileUpload中是否在Yii中?,yii,cmultifileupload,Yii,Cmultifileupload,刚刚开始学习Yii。我不知道如何更改按钮并删除小部件中的“未选择任何文件” Yii框架中的“CMultiFileUpload” $this->widget('CMultiFileUpload', array( 'model'=>$model, 'attribute'=>'photos', 'accept'=>'jpg|jpeg|gif|png', 'name'=>'photos', 'remove'=>'remove',

刚刚开始学习Yii。我不知道如何更改按钮并删除小部件中的“未选择任何文件” Yii框架中的“CMultiFileUpload”

$this->widget('CMultiFileUpload', array(
    'model'=>$model,
    'attribute'=>'photos',
    'accept'=>'jpg|jpeg|gif|png',
    'name'=>'photos',
    'remove'=>'remove',
    'options'=>array(
    ),
    'denied'=>'File is not allowed',
    'max'=>4, // max 10 files
));

这取决于浏览器。例如,Mozilla显示“未选择任何文件”的输入文件类型字段。在即中,它将以不同的方式出现

如果要隐藏消息“未选择任何文件”,请使用CSS

input[type='file'] 
{
    color: transparent;
}
如果您想定制更多,请尝试下面的代码。

  • 在CSS文件中添加此CSS代码

    #multFileUpload button#fileAlt
    {
        border: 3px solid #cccccc;
        background-color: #FF7B10 !important;
        color: #ffffff;
        font-size: 14px;
        padding: 10px 5px;        
        cursor: pointer;
        border-radius: 5px;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
    }
    #multFileUpload input[type='file'] 
    {
        display: none;
    }    
    
  • 在javascript文件中添加此jQuery代码

    $(document).ready(function()
    {
        var maxFiles = 4;
        var fileCountStart = 0;
        $("#fileAlt").on('click', function()
        {
            fileCountStart += 1;
            if (maxFiles >= fileCountStart)
            {
                $('#photos').trigger('click');
                if (fileCountStart == maxFiles)
                    $("#fileAlt").attr('disabled', 'disabled');
            }
        });
    });
    
  • 现在输入代码

    <div id="multFileUpload">
        <button id="fileAlt">Select an Image</button>
        <?php            
        $this->widget('CMultiFileUpload', array(
            'model' => $model,
            'id'=>'photos',
            'attribute' => 'photos',
            'accept' => 'jpg|jpeg|gif|png',
            'name' => 'photos',
            'remove' => 'remove',
            'options' => array(
            ),
            'denied' => 'File is not allowed',
            'max' => 4, // max 10 files
        ));
        ?>
    </div>
    
    
    选择一个图像
    

  • 谢谢。我删除了标签“未选择任何文件”。何时可以更改按钮中的文本?当我添加选择图像时,我有两个按钮,但我需要一个。也许你没有添加我提供的css。将其保存在css文件中,然后原始按钮将被隐藏