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'=>'文件大小超过限制',
   ),
  );
 }
}

相关文章

  • PHP中把错误日志保存在系统日志中(Windows系统)

    PHP中把错误日志保存在系统日志中(Windows系统)

    这篇文章主要介绍了PHP中把错误日志保存在系统日志中(Windows系统),本文讲解了设置方法和查看方法,需要的朋友可以参考下
    2015-06-06
  • thinkPHP5.0框架API优化后的友好性分析

    thinkPHP5.0框架API优化后的友好性分析

    这篇文章主要介绍了thinkPHP5.0框架API优化后的友好性,结合具体实例分析了thinkPHP5.0框架进行API优化后在数据输出及错误调试方面的友好性改进,需要的朋友可以参考下
    2017-03-03
  • 在Laravel5中正确设置文件权限的方法

    在Laravel5中正确设置文件权限的方法

    这篇文章主要给大家介绍了关于如何在Laravel5中正确设置文件权限的相关资料,文中通过示例代码介绍的非常详细,对大家学习或者使用Laravel5具有一定的参考学习价值,需要的朋友们下面来一起学习学习吧
    2019-05-05
  • 使用Thinkphp框架开发移动端接口

    使用Thinkphp框架开发移动端接口

    本文给大家分享的是使用thinkphp框架开发移动端接口的2种方法,一种是开发API,另外一种是实现移动端访问自动切换移动主题模板,从而实现伪app访问,下面我们就来详细看下如何实现吧。
    2015-08-08
  • Django 中 cookie的使用

    Django 中 cookie的使用

    Cookie是浏览器在客户端留下的一段记录,这段记录可以保留在内存或者硬盘上。Django里面,对cookie的读取和设置很简单。接下来通过本文给大家分享Django 中 cookie的使用,感兴趣的朋友一起看看吧
    2017-08-08
  • Zend Framework教程之Zend_Db_Table用法详解

    Zend Framework教程之Zend_Db_Table用法详解

    这篇文章主要介绍了Zend Framework教程之Zend_Db_Table用法,结合实例形式详细分析了Zend_Db_Table的功能,使用方法与相关注意事项,需要的朋友可以参考下
    2016-03-03
  • 浅谈PHP链表数据结构(单链表)

    浅谈PHP链表数据结构(单链表)

    下面小编就为大家带来一篇浅谈PHP链表数据结构(单链表)。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2016-06-06
  • thinkPHP2.1自定义标签库的导入方法详解

    thinkPHP2.1自定义标签库的导入方法详解

    这篇文章主要介绍了thinkPHP2.1自定义标签库的导入方法,详细分析了thinkPHP标签库的定义、使用及自动导入相关技巧,需要的朋友可以参考下
    2016-07-07
  • PHP抓取备案接口的经验分享

    PHP抓取备案接口的经验分享

    这篇文章主要介绍了PHP抓取备案接口的经验分享,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2023-11-11
  • php实现购物车产品删除功能(2)

    php实现购物车产品删除功能(2)

    这篇文章主要为大家详细介绍了php实现购物车产品删除功能,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-03-03

最新评论