Yii2.0-图片上传扩展(异步加载缩略图) [扩展组件]
2017-08-08 21:03
246 查看
转载自http://www.yii-china.com/post/detail/15.html
资源下载:
扩展下载(图片上传扩展-file_upload)
适用框架:Yii2.0高级版(基础版使用需要适当修改)
效果展示:
配置好了之后效果展示:支持异步加载缩略图
安装扩展:
1.点击上面扩展下载下载扩展
然后重命名为file_upload放在/common/widgets文件夹中,如下图所示
2.在使用图片上传控件的控制器(controller)中,加入以下代码
3.views渲染图片上传界面有两种方式:
第一种:不带model
第二种:带model
资源下载:
扩展下载(图片上传扩展-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}", / b1c0 /图片存储位置 ] ] ]; }
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(); ?>
相关文章推荐
- 安卓异步加载图片(缩略图显示)的实现
- android 异步加载图片缩略图
- android 异步加载图片缩略图
- 异步加载缓存图片生成缩略图lib
- asp无组件上传图片并生成缩略图
- Joomla!扩展制作实例教程-模板展示组件-增加后台上传图片功能 【转】
- php下使用ajax异步上传图片并显示缩略图
- 图片上传自动生成缩略图VB组件!
- GridView异步加载本地图片缩略图
- Android图片管理组件(双缓存+异步加载)
- android 异步加载图片缩略图
- Android图片管理组件(双缓存+异步加载)
- 关于异步上传图片以及上传完成后显示缩略图的问题
- Android图片管理组件(双缓存+异步加载)
- Android图片管理组件(双缓存+异步加载)
- android 异步加载图片缩略图
- android 异步加载图片缩略图
- AjaxFileUpload组件结合Struts2异步图片上传
- 扩展于RCLabel的支持异步加载网络图片的富文本引擎的设计
- Android 异步加载图片(扩展后)