Yii2.0-图片上传扩展（异步加载缩略图） [扩展组件]

来源：互联网发布：大数据相关技术介绍编辑：程序博客网时间：2024/05/20 00:38

转载自http://www.yii-china.com/post/detail/15.html

资源下载:

扩展下载（图片上传扩展-file_upload）

适用框架：Yii2.0高级版（基础版使用需要适当修改）

效果展示：

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

安装扩展：

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

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

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(); ?>

阅读全文

0 0