图片上传对于应用来说几乎是必须的，对于kartik的fileinput已经做了详细的解释，但是很多人对各种问题给出反馈，下面写了一个单独的组件供webuploader使用。该组件可以更好地处理Yii2在图像上传过程中带来的一系列问题。目前支持多图片、多领域、多模态的混合上传。

在介绍之前，我们先来演示一下效果。

固定

建议安装Composer

$ phpcomponent。phar require bailangzhan/yii 2-web上传程序开发-master

在params.php或params-local.php添加网络上传程序和域配置项目

//图片服务器的域名设置和数据库中存储的相对地址可以在web上显示。域'=' http://blog.m/'，' webuploader '=[//后端处理图片的地址，值为相对地址' uploadUrl'='blog/upload '。//多文件分隔符'分隔符'='，'，//基本配置' basecoconfig '=[' defaultimage '=' http://img1.imgtn.bdimg.com/it/u=2056478505，162569476fm=26gp=0 . jpg ' ' disableGlobalDnd '=true，' accept'=[ 'title'='Images '，' extensions'='gif，jpg，jpeg，bmp，png '，' mimeTypes'='image/*，]，Pick'=['multiple'=false，]，]]

视图文件

单一图形

？php echo $form-field($model，' file')-widget('manksFileInput '，[])；多图

？php echo $form-field($model，' file 2 ')-widget(' manks file input '，[' client options '=[' pick '=[' multiple '=true，]，/' server '=URL : to(' upload/U2 ')，//' accept '=[//' extensions '=' png '，//]，]，])；控制器控制器的地址可以在params.php或params-local.php用yii :3360 $ app-params[' web uploader ']['上传URL']配置，或者服务器项目可以在clientOptions中配置。控制器需要返回的数据格式如下

//如有错误{'code' : 1，' msg ' : ' error ' }//如有正确，其中附件指数据库中保存的路径，url为图片的web可访问地址{'code' 3360 0 0，' URL' :' http://域/图片地址'。附件' : '图片地址' }clientOptions也参考了网络上传器的官方参数描述

注意

如果是修改后的多画面操作，请确保$model-file='src1，src2，src3，'；或者$ model-file=['src1 '，' src2 '。src3 '，];

以上就是本文的全部内容。希望对大家的学习有帮助，支持我们。