快捷導(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ì)有所幫助。

您可能感興趣的文章:

相關(guān)文章

ThinkPHP連接數(shù)據(jù)庫及主從數(shù)據(jù)庫的設(shè)置教程
這篇文章主要介紹了ThinkPHP連接數(shù)據(jù)庫及主從數(shù)據(jù)庫的設(shè)置方法,是進(jìn)行大型web項(xiàng)目開發(fā)十分有用的技巧,需要的朋友可以參考下
2014-08-08
PHP定時(shí)執(zhí)行任務(wù)實(shí)現(xiàn)方法詳解（Timer）
這篇文章主要介紹了PHP定時(shí)執(zhí)行任務(wù)實(shí)現(xiàn)方法詳解，定時(shí)任務(wù)在web應(yīng)用程序中比較常見，實(shí)現(xiàn)定時(shí)任務(wù)主要有兩種方案：1）使用Crontab命令，2）配合使用ignore_user_abort()和set_time_limit()，有需要的朋友可以來借鑒下。
2015-07-07
一個(gè)簡單的PHP投票程序源碼
一個(gè)簡單的PHP投票程序源碼...
2007-03-03
tp5框架前臺(tái)無限極導(dǎo)航菜單類實(shí)現(xiàn)方法分析
這篇文章主要介紹了tp5框架前臺(tái)無限極導(dǎo)航菜單類實(shí)現(xiàn)方法,結(jié)合實(shí)例形式分析了tp5框架前臺(tái)無限極導(dǎo)航菜單類實(shí)現(xiàn)原理、步驟與操作注意事項(xiàng),需要的朋友可以參考下
2020-03-03
Smarty模板簡單配置與使用方法示例
這篇文章主要介紹了Smarty模板簡單配置與使用方法,涉及Smarty模板的基本配置與緩存文件的相關(guān)使用技巧,需要的朋友可以參考下
2016-05-05
PHP中重啟php-fpm的幾種方法匯總
這篇文章主要介紹了PHP中重啟php-fpm的幾種方法，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教
2023-02-02
Laravel 5 框架入門（三）
本文給大家?guī)淼氖潜鞠盗薪坛痰牡谌?，主要給大家講解的是Laravel5框架中利用自帶的開箱即用的 Auth 系統(tǒng)對(duì)我們的后臺(tái)進(jìn)行權(quán)限驗(yàn)證，并構(gòu)建出前臺(tái)頁面，對(duì) Pages 進(jìn)行展示。
2015-04-04
php封裝的mongodb操作類代碼
這篇文章主要分享一個(gè)php封裝的mongodb操作類，有需要的朋友們可以參考一下
2017-08-08
PHP中遞歸的實(shí)現(xiàn)實(shí)例詳解
遞歸（http:/en.wikipedia.org/wiki/Recursive）是一種函數(shù)調(diào)用自身（直接或間接）的一種機(jī)制，這種強(qiáng)大的思想可以把某些復(fù)雜的概念變得極為簡單。這篇文章主要介紹了PHP中遞歸的實(shí)現(xiàn)實(shí)例詳解,需要的朋友可以參考下
2017-11-11
使用Git實(shí)現(xiàn)Laravel項(xiàng)目的自動(dòng)化部署
這篇文章主要介紹了使用Git實(shí)現(xiàn)Laravel項(xiàng)目的自動(dòng)化部署,文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
2019-11-11