Yii结合CKEditor实现图片上传功能

 更新时间:2014年06月13日 11:04:37   投稿:junjie  
这篇文章主要介绍了Yii结合CKEditor实现图片上传功能,Yii是大名鼎鼎的PHP开发框架,CKEditor则是大名鼎鼎的所见即所得编辑器,需要的朋友可以参考下

这几天做的一个项目中需要在所见即所得编辑器中实现图片上传的功能,我因为比较喜欢CKEditor的界面而选择了它。虽然有跟CKEditor配合良好的CKFinder,不过这个东东的功能太复杂,简单看了下CKEdtior的文档,发现这个功能还是可以自己实现而不用借助CKFinder的。

下面代码虽然基于Yii Framework的,但是用其他框架或者语言思路却是完全一样的,有需要的童鞋可以参考一下。

首先要让CkEditor出现图片上传的功能,需要配置编辑器的filebrowserImageUploadUrl属性:

复制代码 代码如下:

CKEDITOR.replace( 'editor1',
    {
        filebrowserUploadUrl : '/uploader/upload.php',
        filebrowserImageUploadUrl : '/uploader/upload.php?type=Images'
    });

然后在对应的URL上实现图片上传的功能,并向CKEditor返回特定格式的HTML代码,CKEditor就能正常预览并插入图片了。
下面只截取控制器的部分代码,Controller部分我是这样实现的:
复制代码 代码如下:

/**
 * 保存上传的图片
 *
 * @return string javascript code
 * @author lfyzjck
 **/
public function actionImg($type, $CKEditor, $CKEditorFuncNum, $langCode = 'zh-cn')
{
 if(empty($CKEditorFuncNum) || $type != 'Images'){
  $this->mkhtml($CKEditorFuncNum,'','错误的函数调用');
 }
 if(isset($_FILES['upload'])){
  //获取关于图片上传配置
  $options = Options::model()->findByPk(1);
  $form = new UploadForm('image',$options);
  $form->upload = CUploadedFile::getInstanceByName('upload');
  if($form->validate()){
  //文件名:时间+源文件名
   $target_filename = date('Ymd-hm',time()).$form->upload->getName();
   $path = Yii::app()->basePath.'/../uploads/'.$target_filename;   //图片保存路径
   $form->upload->saveAs($path);
   $this->mkhtml($CKEditorFuncNum,Yii::app()->baseUrl.'/uploads/'.$target_filename, "上传成功");
  }
  else{
   $this->mkhtml($CKEditorFuncNum,'',$form->getError('upload'));
  }
 }
}
/**
 * 返回CKEditor的提示信息
 *
 * @return void
 * @author lfyzjck
 **/
private function mkhtml($fn, $fileurl, $message)
{
 $str = '';
 exit($str);
}

需要特别说明的mkhtml函数,他会调用CKEditor的函数产生提示信息。上传成功的时候将图片链接返回,CKEditor会根据URL生成图片预览。

然后是UploadForm的代码,这里会验证图片的格式和大小是否符合要求。

复制代码 代码如下:

class UploadForm extends CFormModel
{
 public $upload;

 private $options;
 private $type;

 public function __construct($type, $options){
  $this->options = $options;
  $this->type = $type;
 }
 /**
  * Declares the validation rules.
  * The rules state that username and password are required,
  * and password needs to be authenticated.
  */
 public function rules()
 {
  return array(
   array('upload', 'file',
    'types' => $this->options->getAttribute("allow_".$this->type."_type"),
    'maxSize' => 1024 * (int)$this->options->getAttribute("allow_".$this->type."_maxsize"),
    'tooLarge'=>'文件大小超过限制',
   ),
  );
 }
}

相关文章

  • 如何通过View::first使用Laravel Blade的动态模板详解

    如何通过View::first使用Laravel Blade的动态模板详解

    这篇文章主要给大家介绍了关于如何通过View::first使用Laravel Blade的动态模板的相关资料,文中通过示例代码介绍的非常详细,对大家学习或者使用php具有一定的参考学习价值,需要的朋友们下面随着小编来一起看看吧。
    2017-09-09
  • PHP实现笛卡尔积算法的实例讲解

    PHP实现笛卡尔积算法的实例讲解

    这篇文章主要介绍了PHP实现笛卡尔积算法的实例内容以及相关知识点总结,有需要的朋友们参考下。
    2019-12-12
  • php实现文件下载简单示例(代码实现文件下载)

    php实现文件下载简单示例(代码实现文件下载)

    这篇文章主要介绍了php实现文件下载简单示例,需要的朋友可以参考下
    2014-03-03
  • laravel修改用户模块的密码验证实现

    laravel修改用户模块的密码验证实现

    本文主要介绍了laravel修改用户模块的密码验证实现,文中通过示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2021-09-09
  • laravel框架中你所用到的依赖注入详解

    laravel框架中你所用到的依赖注入详解

    依赖反转原则是SOLID中最难理解的原则,而依赖注入则是单元测试的基石,下面这篇文章主要给大家介绍了关于laravel框架中你所用到的依赖注入的相关资料,文中通过示例代码介绍的非常详细,需要的朋友可以参考下
    2018-07-07
  • PHP微信开发之查询城市天气

    PHP微信开发之查询城市天气

    这篇文章主要为大家详细介绍了PHP微信开发之简单实现查询城市天气的相关资料,感兴趣的小伙伴们可以参考一下
    2016-06-06
  • PHP正则提取不包含指定网址的图片地址的例子

    PHP正则提取不包含指定网址的图片地址的例子

    今天在做图片提取的时候,遇到了这个情况,一篇文章中的图片,提取出来一张作为文章的封面,这样在排版的时候图文模式看着比较舒服
    2014-04-04
  • 計算你開發的 PHP 程式大小

    計算你開發的 PHP 程式大小

    計算你開發的 PHP 程式大小...
    2006-12-12
  • PHP 绘制网站登录首页图片验证码

    PHP 绘制网站登录首页图片验证码

    几乎所有的网站登录页都会有验证码,验证码是一种安全保护机制,用于防止垃圾注册机大量注册用户账号占用服务器内存从而使服务器瘫痪。接下来通过本文给大家介绍PHP 绘制网站登录首页图片验证码,需要的朋友参考下
    2016-04-04
  • ThinkPHP中html:list标签用法分析

    ThinkPHP中html:list标签用法分析

    这篇文章主要介绍了ThinkPHP中html:list标签用法,较为详细的分析总结了ThinkPHP中html:list标签的定义、使用方法及相关注意事项,需要的朋友可以参考下
    2016-01-01

最新评论