今天在网上看了下有关图片上传的教程,历经挫折才调试好,现在把相关代码及其说明贴出来,以供初次使用的朋友们参考。
资源下载
yii2.0-ueditor下载路径:yii2-ueditor-jb51.rar
效果演示:
安装方法:
1.下载yii2-ueditor2 .将下载的yii2-ueditor-master修改ueditor(注意:修改成其他文件名请修改插件内对应的命名空间)3.将文件方在根目录/公共/小部件下即可
调用方法:
在后端/控制器中新建一个控制器演示加入以下代码
public function actions(){ return[' ueditor '=[' class '=' common widgets ueditor UeditorAction ',' config'=[ //上传图片配置imageUrlPrefix'=',/*图片访问路径前缀*/' image path format '='/image/{ yyyy } { mm } { DD }/{ time } { rand :6 } ',/*上传保存路径,可以自定义保存路径和文件名格式*/] ] ];}第一种调用方式:
在对应的渲染页面,即视图下的页面中
?=common widgets ueditor ueditor :3360 widget([' options '=['初始帧宽度'=850,]])?选择填写配置编辑器的参数(参考编辑器官网)
第二种调用方式:
?PHP $ form=活动表单: begin();=$form-field($model,' title ')-textInput([' maxlength '=true])?=$form-field($model,' content ')-widget(' common widgets Ueditor Ueditor ',[' options '=['初始框架宽度'=850,]])?PHP active form :3360 end();yii2框架整合了百度编辑器,因为文件上传采用的是yii2自带的上传文件,这就难免百度编辑器上传不成功问题,解决问题的只需要两个操作步骤,我们来看看具体实现
创建一个常见/型号/上传。php:代码为:
?PHPnamespace常见模型;使用yii 基本模型使用yii web uploaded file/* * * upload form是上传表单背后的模型*/类上传扩展了模型{ /** * @var UploadedFile文件属性*/public $文件;/* * * @返回数组验证规则*/public function rules(){ return[[' file'],' file '],];}}需要在刚刚创建的那个控制器演示里添加actionUploadImage方法处理"富文本框的图片上传"内容
使用yii web UploadedFile使用常用型号上传;/** * 富文本框的图片上传* @返回数组*/公共函数actionUploadImage(){ $ model=new Upload();if(yii : $ app-request-isPost){ $ model-file=上传的文件: getinstance($ model,' file ');$ dir='/uploads/ueditor/';//文件保存目录if(!is _ dir($ dir))mkdir($ dir);if($ model-validate()){ $ fileName=$ model-file-baseName .'.'。$ model-file-extension;$dir=$dir .'/'.$ FIlename $ model-file-另存为($ dir);$ info=[' original Name'=$model-file-baseName,' Name '=$ model-file-baseName,' url'=$dir,' size'=$model-file-size,' type'=$model-file-type,' state'='SUCCESS ',];exit(JSON _ encode($ info));} } }特别提醒:上述返回的$信息信息中状态状态只能是成功,区分大小写
视图文件
?phpuse yii widgets ActiveForm?=$form-field($model,' content ')-widget(' common widgets Ueditor Ueditor ',[' options '=['初始框架宽度'=1050,//宽度initialFrameHeight'=550,//高度] ]) ?div class='form-group '?=Html:submitButton('保存,['class'='btn btn-success'])?/div?php ActiveForm:end()?其中内容是字段名称
关于图片上传的可以看下:https://www .JB 51。net/article/150018。html文件的后缀
在YII2框架中使用编辑器编辑器发布文章的地址:https://www .JB 51。net/article/150022。html文件的后缀
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持我们。