您好,欢迎来到三六零分类信息网!老站,搜索引擎当天收录,欢迎发信息

Yii2.0 整合elfinder图片管理器调用方法

2024/3/24 9:24:50发布30次查看
yii2扩展:https://github.com/mihaildev/yii2-elfinder
教程虽然是俄语,不用怕,按代码来就行
步骤:
1、使用composer安装扩展
composer require --prefer-dist mihaildev/yii2-elfinder *
2、加入配置信息,我是yii2高级模版,在后台中使用,所以打开backend/config/main.php配置文件
与'components'同级添加
'controllermap' => [ 'elfinder' => [ 'class' => 'mihaildev\elfinder\pathcontroller', 'access' => ['@'], 'root' => [ 'path' => 'uploads', //主目录路径 'name' => 'files' ],/* 'watermark' => [ 'source' => __dir__.'/logo.png', // path to water mark image 'marginright' => 5, // margin right pixel 'marginbottom' => 5, // margin bottom pixel 'quality' => 95, // jpeg image save quality 'transparency' => 70, // water mark image transparency ( other than png ) 'targettype' => img_gif|img_jpg|img_png|img_wbmp, // target image formats ( bit-field ) 'targetminpixel' => 200 // target image minimum pixel size ]*/ ] ],
3、添加默认参数
打开commmon(backend)/config/params.php
// elfinder默认配置 'elfinderdefaultconfig' => [ 'language' => 'zh_cn', 'controller' => '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'], 'buttonoptions' => ['class' => 'btn btn-default'], 'buttonname' => '浏览' ],
4、最后一步,引入调用
打开要用到的form视图文件,添加如下代码
use mihaildev\elfinder\inputfile; <?php $path = 'carlogo'; // 存放目录,改为实际的,elfinder会自动创建 $elfinderconfig = array_merge(yii::$app->params['elfinderdefaultconfig'],['path' => $dir]); echo $form->field($model, 'carlogo')->widget(inputfile::classname(),$elfinderconfig); ?>
最终效果:
该用户其它信息

VIP推荐

免费发布信息,免费发布B2B信息网站平台 - 三六零分类信息网 沪ICP备09012988号-2
企业名录 Product