Как изменить иконки на превью изображения при использовании kartik-v/file-input?

Для изменения иконок на превью изображения при использовании kartik-v/file-input в Yii, вам потребуется настроить плагин и задать свои собственные иконки.

Во-первых, у вас должен быть установлен пакет kartik-v/file-input в вашем проекте Yii. Если его нет, вы можете установить его через Composer, выполнив команду:

composer require kartik-v/file-input

Затем вам нужно создать виджет file input в вашем представлении, используя следующий код:

use kartikfileFileInput;

echo FileInput::widget([
    'name' => 'image',
    'options' => ['multiple' => true],
    'pluginOptions' => [
        'showCaption' => false,
        'showRemove' => false,
        'showUpload' => false,
        'browseClass' => 'btn btn-primary',
        'browseIcon' => '<i class="glyphicon glyphicon-camera"></i> ',
        'uploadUrl' => Url::to(['/site/upload']),
        'removeClass' => 'btn btn-danger',
        'removeIcon' => '<i class="glyphicon glyphicon-trash"></i> ',
        'initialPreview' => [
            '<img src="/uploads/image1.jpg" class="file-preview-image">',
            '<img src="/uploads/image2.jpg" class="file-preview-image">',
        ],
        'initialPreviewConfig' => [
            ['caption' => 'image1.jpg', 'url' => '/site/delete-image', 'key' => 1],
            ['caption' => 'image2.jpg', 'url' => '/site/delete-image', 'key' => 2],
        ],
        'overwriteInitial' => false,
    ]
]);

В приведенном выше коде мы устанавливаем иконки для кнопок просмотра и удаления файлов. Например, иконки в кнопке просмотра устанавливаются с помощью атрибута 'browseIcon', а иконки в кнопке удаления - с помощью атрибута 'removeIcon'.

Вы также можете установить превью изображения для загруженных файлов с помощью атрибута 'initialPreview'. В нашем примере мы установили превью для двух изображений: image1.jpg и image2.jpg. Если вы хотите задать иконки для других типов файлов, вы можете использовать соответствующий HTML-код вместо ссылки на изображение.

Помимо этого, вы должны создать действие для загрузки и удаления файлов в вашем контроллере. В приведенном выше коде атрибут 'uploadUrl' указывает URL для загрузки файлов, а атрибут 'initialPreviewConfig' задает конфигурацию удаления файла.

Надеюсь, эта информация поможет вам изменить иконки на превью изображения при использовании kartik-v/file-input в Yii.