xtarantulz/yii2-input-img-preview

yii2-elfinder input 扩展，用于显示所选文件的预览 + fancybox

维护者

详细信息

github.com/xtarantulz/yii2-input-img-preview

主页

源代码

问题

安装次数: 1,146

依赖项: 0

建议者: 0

安全性: 0

星标: 1

关注者: 1

分支: 1

公开问题: 1

语言:JavaScript

类型:yii2-extension

dev-master 2018-03-02 10:11 UTC

Requires

BSD-3-Clause c2f1467a0461c4fa63fe55bef6d81a60df73c66b

This package is not auto-updated.

Last update: 2024-09-22 05:36:28 UTC

README

该模块是 ElFinder Input 的扩展。如果您使用文本字段添加图片，将显示缩略图。

安装

安装此扩展的首选方式是通过 composer。

运行以下命令之一：

php composer.phar require --prefer-dist xtarantulz/yii2-input-img-preview "dev-master"

或

"xtarantulz/yii2-input-img-preview": "dev-master"

将以下内容添加到您的 composer.json 文件的 require 部分中。

使用方法

扩展安装后，只需在您的代码中使用它即可。

use mihaildev\elfinder\InputFile;
use mihaildev\elfinder\ElFinder;
use xtarantulz\preview\PreviewAsset;
PreviewAsset::register($this);

echo $form->field($model, 'images')->widget(InputFile::className(), [
    'language'      => 'ru',
    'controller'    => 'elfinder', // вставляем название контроллера, по умолчанию равен elfinder
    'filter'        => 'image',    // фильтр файлов, можно задать массив фильтров https://github.com/Studio-42/elFinder/wiki/Client-configuration-options#wiki-onlyMimes
    'template'      => '<div class="input-group">{input}<span class="input-group-btn">{button}</span></div>',
    'options'       => ['class' => 'form-control img'],
    'buttonOptions' => ['class' => 'btn btn-success'],
    'multiple'      => true       // возможность выбора нескольких файлов
]);

屏幕截图

screen-shot