1. 程式人生 > >CKEditor上傳圖片配置PHP語言

CKEditor上傳圖片配置PHP語言

    CKEditor的原包中沒有包含圖片的上傳伺服器端處理檔案,其公司的另一款開源產品:CKFinder做了很好的補充。但是要下載這個原始碼再進行配置,雖然方便了很多,但是僅僅為了上傳圖片,卻要使用這麼大的整個系統來使用,確實有點大材小用,我花了一個下午的時間,自己用PHP指令碼寫了一個處理上傳檔案的指令碼程式碼,沒有做更多的安全處理,希望對大家有用。

    首先,在你的config.js檔案裡新增如下程式碼:

CKEDITOR.editorConfig = function( config )
{
   config.filebrowserImageUploadUrl = './upload.php?type=img';
   config.filebrowserFlashUploadUrl = './upload.php?type=flash';
};

    以上的配置是上傳要處理到的檔案的地址,你可以根據自己情況進行修改。upload.php檔案如下:

<?php

$config=array();

$config['type']=array("flash","img"); //上傳允許type值

$config['img']=array("jpg","bmp","gif"); //img允許字尾
$config['flash']=array("flv","swf"); //flash允許字尾

$config['flash_size']=200; //上傳flash大小上限 單位:KB
$config['img_size']=500; //上傳img大小上限 單位:KB

$config['message']="上傳成功"; //上傳成功後顯示的訊息,若為空則不顯示

$config['name']=mktime(); //上傳後的檔案命名規則 這裡以unix時間戳來命名

$config['flash_dir']="/ckeditor/upload/flash"; //上傳flash檔案地址 採用絕對地址 方便upload.php檔案放在站內的任何位置 後面不加"/"
$config['img_dir']="/ckeditor/upload/img"; //上傳img檔案地址 採用絕對地址 採用絕對地址 方便upload.php檔案放在站內的任何位置 後面不加"/"

$config['site_url']=""; //網站的網址 這與圖片上傳後的地址有關 最後不加"/" 可留空

//檔案上傳
uploadfile();

function uploadfile()
{
global $config;
//判斷是否是非法呼叫
if(empty($_GET['CKEditorFuncNum']))
   mkhtml(1,"","錯誤的功能呼叫請求");
$fn=$_GET['CKEditorFuncNum'];
if(!in_array($_GET['type'],$config['type']))
   mkhtml(1,"","錯誤的檔案呼叫請求");
$type=$_GET['type'];
if(is_uploaded_file($_FILES['upload']['tmp_name']))
{
   //判斷上傳檔案是否允許
   $filearr=pathinfo($_FILES['upload']['name']);
   $filetype=$filearr["extension"];
   if(!in_array($filetype,$config[$type]))
    mkhtml($fn,"","錯誤的檔案型別!");
   //判斷檔案大小是否符合要求
   if($_FILES['upload']['size']>$config[$type."_size"]*1024)
    mkhtml($fn,"","上傳的檔案不能超過".$config[$type."_size"]."KB!");
   //$filearr=explode(".",$_FILES['upload']['name']);
   //$filetype=$filearr[count($filearr)-1];
   $file_abso=$config[$type."_dir"]."/".$config['name'].".".$filetype;
   $file_host=$_SERVER['DOCUMENT_ROOT'].$file_abso;
  
   if(move_uploaded_file($_FILES['upload']['tmp_name'],$file_host))
   {
    mkhtml($fn,$config['site_url'].$file_abso,$config['message']);
   }
   else
   {
    mkhtml($fn,"","檔案上傳失敗,請檢查上傳目錄設定和目錄讀寫許可權");
   }
}
}
//輸出js呼叫
function mkhtml($fn,$fileurl,$message)
{
$str='<script type="text/javascript">window.parent.CKEDITOR.tools.callFunction('.$fn.', \''.$fileurl.'\', \''.$message.'\');</script>';
exit($str);
}
?>

相關推薦

CKEditor圖片配置PHP語言

    CKEditor的原包中沒有包含圖片的上傳伺服器端處理檔案,其公司的另一款開源產品:CKFinder做了很好的補充。但是要下載這個原始碼再進行配置,雖然方便了很多,但是僅僅為了上傳圖片,卻要使用這麼大的整個系統來使用,確實有點大材小用,我花了一個下午的時間,自己用PHP指令碼寫了一個處理上傳檔案的

富文字編輯器ckeditor圖片配置

以前在工作中用過富文字編輯器,因為以前沒有用過這種東西,所以在使用的時候遇到了一些問題,就是儲存的時候,文字可以正常儲存,但是圖片無法儲存。後來經過配置解決了這個問題,對於新手來說,這個配置可能有點複雜,所以將它記錄下來。首先新建一個ashx檔案,程式碼如下public cl

使用 CKEditor 圖片, 粘貼屏幕截圖

要求 license 回調 wan ade 做成 操作 rms 粘貼 之前寫過wangEditor,那真是好用,文檔也清晰,半天就搞定了,無奈沒有對應license,只好選擇別的。 外語一般,閱讀理解都靠蒙。CKEditor官方文檔看的我雲裏霧裏,國內的博客比較少,

UMeditor圖片配置

multipart win put urn als subst 輸入提示 upload gin UMeditor是UEditor的簡潔版,保留了UEditor中常用的功能,在代碼量和加載速度上均有很大的提升。 本文上傳圖片的執行後臺基於jfinal框架。 1、htm

微信小程序圖片(前端+PHP後端)

ebs name inf upload quest spa 列表 技術 ima 一、wxml文件 <text>上傳圖片</text> <view> <button bindtap="uploadimg">點擊選擇上傳圖&l

Ckeditor圖片返回的JS直接顯示出來,未執行!!!

Ckeditor上傳圖片網上有很多教程。   下面是我今天下午遇到的一個坑...自己挖的坑。 在conotroller裡 我開始習慣性的  response.setContentType("application/json; charset=UTF-8"); 結果就是這個坑。設

django使用ckeditor圖片

1、在模型類中設定欄位為富文字型別,這裡需要注意引入的是RichTextUploadingField,以允許上傳圖片,需要和RichTextField區分開 from ckeditor_uploader.fields import RichTextUploadingFieldclass spit_mo

微信小程式圖片php伺服器

js程式碼如下 submitPhoto(){ var that = this; wx.uploadFile({ url: 'http://xxx.cn/upload.

CKfinder CKeditor 圖片 漢字 亂碼 解決方法

CKfinder上傳圖片的時候,檔名含有漢字將會亂碼,導致圖片不可用,顯示為紅叉叉。解決方法就是修改CKfinder的命名方式(我的版本是 ckfinder_php_1.4.2 )——開啟FileUpload.php檔案,該檔案位於:ckfinder\core\connec

Flask學習10:Flask專案整合富文字編輯器CKEditor 圖片

CKEditor下載地址:https://ckeditor.com/ckeditor-4/download/ 訪問CKeditor官方網站,進入下載頁面,選擇Standard Package(一般情況

ckeditor圖片時與後端的csrfToken驗證

本篇部落格基於上一章為基礎,主要解決在ckeditor上傳圖片功能與csrf 衝突問題。 ckeditor上傳圖片時會提交自己的csrf token,名字叫“ckCsrfToken“。 如果後端配置有csrf校驗,這會產生衝突,解決辦法有兩種,一種是是對

畢業設計(十七)---發表文章(3)之- 使用ckeditor圖片(flash)

在發表文章的時候,經常會使用到圖片, ckeditor本身提供了這個功能,需要開啟,然後再加上自己一些程式碼. (上傳flash和上傳圖片的方式一模一樣,以圖片為例.) 先看效果圖: 先瀏覽伺服器: 點選圖片即選擇 上傳: 上傳完畢點選確定 影象大

CKEditor圖片

url:   http://blog.csdn.net/xiao__gui/article/details/7684505 本人使用的CKEditor版本是3.6.3。CKEditor配置和部署我就不多說。 CKEditor的編輯器工具欄中有一項“圖片域”,該工具可以貼上

android 圖片php伺服器

android程式碼 public class EX08_11 extends Activity {   /* 變數宣告    * newName:上傳後在伺服器上的檔名稱    * uploadFile:要上傳的檔案路徑    * actionUrl:伺服器對應的程式

ckeditor添加自定義按鈕整合swfupload實現批量圖片

下載 了解 nbsp 文件 mouseover 去掉 dial size pro ckeditor添加自定義按鈕整合swfupload實現批量上傳圖片給ckeditor添加自定義按鈕,由於ckeditor只能上傳一張圖片,如果要上傳多張圖片就要結合ckfinder,而ckf

PHP.25-TP框架商城應用實例-後臺1-添加商品功能、鉤子函數、在線編輯器、過濾XSS、圖片並生成縮略圖

引用傳遞 none move 名稱 textarea 如果 library time fields 添加商品功能   1、創建商品控制器【C】  /www.test.com/shop/Admin/Controller/GoodsController.class.php

PHP圖片

str func height adas post ont utf-8 mkdir dataurl HTML部分:<div class="sc-img"></div> <p><input type="file" class="f

PHP壓縮圖片

是否 amp break class gef char mar fread type 最近手上的項目頁面要顯示很多圖片,雖然用了jQuery的lazyload,但是效果並沒理想,滑動到一個區域還要比較長的時間圖片才完全顯示出來。於是想著將上傳上去的900KB+壓縮備份一份縮

php實現等比例不失真縮放圖片的方法

jpeg || 占用空間 pos width 參考 idt brush 上傳圖片 本文實例分析了php實現等比例不失真縮放上傳圖片的方法。分享給大家供大家參考,具體如下: 有時上傳圖片時因為圖片太大了,不僅占用空間,消耗流量,而且影響瀏(圖片的尺寸大小不一)。下面分享一種等

php base64圖片

php base64上傳圖片 $ymd = date("Ymdhis"); //圖片路徑地址 $img = str_replace(‘data:image/png;base64,‘, ‘‘, $img); $img = s