今天在网上看了下有关图片上传的教程，历经挫折才调试好，现在把相关代码及其说明贴出来，以供初次使用的朋友们参考。
资源下载
yii2.0-ueditor下载路径：yii2-ueditor-jb51.rar
效果演示：
安装方法：
1.下载yii2-ueditor
2.将下载的yii2-ueditor-master 修改 ueditor (注意：修改成其他文件名请修改插件内对应的命名空间)
3.将文件方在 根目录/common/widgets 下即可
调用方法：
在backend/controllers中新建一个控制器Demo加入以下代码
public function actions(){
return [
'ueditor'=>[
'class' => 'common\widgets\ueditor\UeditorAction',
'config'=>[
//上传图片配置
'imageUrlPrefix' => "", /* 图片访问路径前缀 */
'imagePathFormat' => "/image/{yyyy}{mm}{dd}/{time}{rand:6}", /* 上传保存路径,可以自定义保存路径和文件名格式 */
]
]
];
}
第一种调用方式：
在对应的渲染页面，即views下的页面中
<"htmlcode"><"htmlcode"><"htmlcode">use yii\web\UploadedFile; use common\models\Upload; /** * 富文本框的图片上传 * @return array */ public function actionUploadImage() { $model = new Upload(); if (Yii::$app->request->isPost) { $model->file = UploadedFile::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->saveAs($dir); $info = [ "originalName" => $model->file->baseName, "name" => $model->file->baseName, "url" => $dir, "size" => $model->file->size, "type" => $model->file->type, "state" => "SUCCESS", ]; exit(json_encode($info)); } } }特别提醒：上述返回的$info信息中state状态只能是SUCCESS,区分大小写
视图文件
<"form-group"> <"_blank" href="https://www.jb51.net/article/150018.htm">https://www.jb51.net/article/150018.htm在YII2框架中使用UEditor编辑器发布文章的地址：https://www.jb51.net/article/150022.htm
以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持。
免责声明：本站文章均来自网站采集或用户投稿，网站不提供任何软件下载或自行开发的软件！
如有用户或公司发现本站内容信息存在侵权行为，请邮件告知！ 858582#qq.com
桃源资源网 Design By www.nqtax.com
暂无“yii2实现Ueditor百度编辑器的示例代码”评论...