快捷導(dǎo)航

TP3.2.3框架使用CKeditor編輯器在頁面中上傳圖片的方法分析

更新時(shí)間：2019年12月31日 09:44:02 作者：luyaran

這篇文章主要介紹了TP3.2.3框架使用CKeditor編輯器在頁面中上傳圖片的方法,結(jié)合實(shí)例形式分析了thinkPHP3.2.3框架使用CKeditor編輯器相關(guān)配置方法與操作注意事項(xiàng),需要的朋友可以參考下

本文實(shí)例講述了TP3.2.3框架使用CKeditor編輯器在頁面中上傳圖片的方法。分享給大家供大家參考，具體如下：

最近項(xiàng)目里要添加編輯器，以為CKeditor比較出名，所以研究了一下。。。

1、下載編輯器什么的不用說了

2、修改config配置文件

config.image_previewText=' ';
config.filebrowserImageUploadUrl = 'uploadFiles';

添加這兩行代碼，上面的是去除預(yù)覽中的一堆沒有用的東西，下面的是上傳文件的方法名，

注意：：：方法名是和你頁面展示在一個(gè)控制器里的

3、控制器里添加如下代碼：

//編輯器上傳圖片處理
public function uploadFiles()
{
  $upload = new \Think\Upload();// 實(shí)例化上傳類
  $upload->maxSize  =   3145728 ;// 設(shè)置附件上傳大小
  $upload->exts   =   array('jpg', 'gif', 'png', 'jpeg');// 設(shè)置附件上傳類型
  $upload->rootPath =   './Uploads/img/'; // 設(shè)置附件上傳根目錄
  // 上傳單個(gè)文件
  $info  = $upload->uploadOne($_FILES['upload']);
  if( $info){
    $desname =$info['savepath'].$info['savename'];
    $previewname =" http://www.cjp.com/Uploads/img/".$desname;
    $callback = $_REQUEST["CKEditorFuncNum"];
    echo "<script type='text/javascript'>window.parent.CKEDITOR.tools.callFunction($callback,
'".$previewname."','');</script>";
  }else{
    echo "<font color=\"red\"size=\"2\">*文件格式不正確（必須為.jpg/.gif/.bmp/.png文件）</font>";
  }
}

然后就沒有然后了。。。

那個(gè)，HTML頁面引入的話，直接引入如下代碼：

<script type="text/javascript" src="__PUBLIC__/ckeditor/ckeditor.js"></script>
<textarea rows="30" cols="50" name="body"></textarea>
<script type="text/javascript">CKEDITOR.replace('body');</script>

不過樣式什么的我沒有配置，大家自主發(fā)揮一下想象吧

更多關(guān)于thinkPHP相關(guān)內(nèi)容感興趣的讀者可查看本站專題：《ThinkPHP入門教程》、《thinkPHP模板操作技巧總結(jié)》、《ThinkPHP常用方法總結(jié)》、《codeigniter入門教程》、《CI(CodeIgniter)框架進(jìn)階教程》、《Zend FrameWork框架入門教程》及《PHP模板技術(shù)總結(jié)》。

希望本文所述對(duì)大家基于ThinkPHP框架的PHP程序設(shè)計(jì)有所幫助。

您可能感興趣的文章: