yii2中使用webuploader实现图片上传的实战项目

使用

params.php或者params-local.php内增加webuploader和domain配置项

'http://blog.m/','webuploader' => [ // 后端处理图片的地址，value 是相对的地址 'uploadUrl' => 'blog/upload',// 多文件分隔符 'delimiter' => ',',// 基本配置 'baseConfig' => [ 'defaultImage' => 'http://img1.imgtn.bdimg.com/it/u=2056478505,162569476&fm=26&gp=0.jpg','disableGlobalDnd' => true,'accept' => [ 'title' => 'Images','extensions' => 'gif,jpg,jpeg,bmp,png','mimeTypes' => 'image/*',],'pick' => [ 'multiple' => false,

webuploader['baseConfig'] 参考 webuploader官方的参数说明

视图文件

单图

field($model,'file')->widget('manksFileInput',[ ]); ?>

多图

field($model,'file2')->widget('manksFileInput',[ 'clientOptions' => [ 'pick' => [ 'multiple' => true,// 'server' => Url::to('upload/u2'),// 'accept' => [ // 'extensions' => 'png',// ],]); ?>

控制器 controller的地址可以在params.php或者params-local.php中配置 Yii::$app->params['webuploader']['uploadUrl'],也可以在 clientOptions中配置 server 项。控制器需要返回的数据格式如下

clientOptions同样参考 webuploader官方的参数说明

注意

如果是修改的多图片操作，务必保证 $model->file = 'src1,src2,src3,...'; 或者 $model->file = ['src1','src2'. 'src3',...];

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持编程之家。

（编辑：PHP编程网 - 黄冈站长网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!