Yii2.0-图片上传扩展(异步加载缩略图)

资源下载:

扩展下载(图片上传扩展-file_upload)

适用框架:Yii2.0高级版(基础版使用需要适当修改,咨询:添加底部技术交流群)


效果展示:

配置好了之后效果展示:支持异步加载缩略图

blob.png


安装扩展:

1.点击上面扩展下载下载扩展

然后重命名为file_upload放在/common/widgets文件夹中,如下图所示

blob.png


2.在使用图片上传控件的控制器(controller)中,加入以下代码

    public function actions()
    {
        return [
            'upload'=>[
                'class' => 'common\widgets\file_upload\UploadAction',     //这里扩展地址别写错
                'config' => [
                    'imagePathFormat' => "/image/{yyyy}{mm}{dd}/{time}{rand:6}",
                ]
            ]
        ];
    }

3.views渲染图片上传界面有两种方式:

第一种:不带model

use common\widgets\file_upload\FileUpload;   //引入扩展

echo FileUpload::widget();

echo FileUpload::widget(['value'=>$url]);  //编辑时要带默认图,$url为图片地址


第二种:带model

<?php $form = ActiveForm::begin(); ?>
        
    <?= $form->field($model, 'label_img')->widget('common\widgets\file_upload\FileUpload',[
        'config'=>[
            //图片上传的一些配置,不写调用默认配置
            'domain_url' => 'http://www.yii-china.com',
        ]
    ]) ?>
<?php ActiveForm::end(); ?>


简单方便的组件,来自Yii中文网,不明白的地方加网站技术交流群(QQ)咨询