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

來源：本站原創(chuàng)|時間：2020-01-11|欄目：PHP編程|點擊：次

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

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

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

2、修改config配置文件

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

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

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

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

//編輯器上傳圖片處理
public function uploadFiles()
{
  $upload = new \Think\Upload();// 實例化上傳類
  $upload->maxSize  =   3145728 ;// 設(shè)置附件上傳大小
  $upload->exts   =   array('jpg', 'gif', 'png', 'jpeg');// 設(shè)置附件上傳類型
  $upload->rootPath =   './Uploads/img/'; // 設(shè)置附件上傳根目錄
  // 上傳單個文件
  $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>";
  }
}

然后就沒有然后了。。。

那個，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)框架進階教程》、《Zend FrameWork框架入門教程》及《PHP模板技術(shù)總結(jié)》。

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

上一篇：ThinkPHP類似AOP思想的參數(shù)驗證的實現(xiàn)方法

欄目：PHP編程

下一篇：PHP實現(xiàn)笛卡爾積算法的實例講解

本文標(biāo)題：TP3.2.3框架使用CKeditor編輯器在頁面中上傳圖片的方法分析

本文地址：http://www.jygsgssxh.com/a1/PHPbiancheng/11007.html

更多PHP編程

雷火电竞-中国电竞赛事及体育赛事平台

PHP編程

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

您可能感興趣的文章

閱讀排行

本欄相關(guān)

隨機閱讀