YII2 使用qiniu插件 上传多张图片回调显示

通过compose下载qiniu的组件，详情qiniu接口文档

在增加页面表单里调用组件

use zh\qiniu\QiniuFileInput;

 

$picture = $form->field($model, 'picture')->widget(QiniuFileInput::className(),[
	//'options' => [
	//   'class' => 'btn-danger'//按钮class
	//],
	//'uploadUrl' => 'http://up-z2.qiniu.com',文件上传地址 不同地区的空间上传地址不一样 参见官方文档
	'qlConfig' => [
		'accessKey' => 'Q7wmo6VClEeYqnVnMSGdUBb7k0bl86*********',
		'secretKey' => 'Y8JOtfZvHWsTXcy0CG_0zDNSrwls6p*********',
		'scope'=>'test',
		'cdnUrl' => 'http://ouv520g*******',//外链域名
	],
	'clientOptions' => [
		'max' => 5,//最多允许上传图片个数  默认为3
		//'size' => 204800,//每张图片大小
		//'btnName' => 'upload',//上传按钮名字
		//'accept' => 'image/jpeg,image/gif,image/png'//上传允许类型
	],
	//'pluginEvents' => [
	//    'delete' => 'function(item){console.log(item)}',
	//    'success' => 'function(res){console.log(res)}'
	//]
]);

 

最后，在详情视图里添加显示格式即可

 

[
                'attribute' => 'picture',
                'format' => 'raw',
				'value' => \yii\helpers\Html::img($model->picture,['width'=>'30'])
			]