Как удалить файлы, выбранные в CMultiFileUpload в Yii?

Только начинаю изучать Yii. Я не знаю, как изменить кнопку и убрать «Файлы не выбраны» в виджете «CMultiFileUpload» в Yii framework?

$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
));

yii cmultifileupload
person user3380172    schedule 01.05.2014    source источник

Ответы (1)


arrow_upward
-1
arrow_downward

Это зависит от браузера. Бывший. Mozilla показывает поле типа входного файла с пометкой "Файлы не выбраны". В IE это будет происходить по-другому.

Если вы хотите скрыть сообщение «Файлы не выбраны», сделайте это с помощью CSS.

input[type='file'] 
{
    color: transparent;
}

Если вы хотите настроить больше, попробуйте этот код ниже.

  1. Добавьте этот код 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;
}

  2. Добавьте этот код jQuery в свой файл javascript.

    $(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');
        }
    });
});

  3. Теперь код Yii

    <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>
person Hearaman    schedule 02.05.2014
comment
Спасибо. Я удалил ярлык Файл не выбран. Когда Как я могу изменить текст в кнопке? Когда я добавляю ‹button id=fileAlt›Выбрать изображение‹/кнопку›, у меня есть две кнопки, но мне нужна одна. - person user3380172; 02.05.2014
comment
Возможно, вы не добавили css, который я дал. Сохраните его в своем файле css, тогда исходная кнопка будет скрыта. - person Hearaman; 02.05.2014