ckeditor_4.5.10_full上傳圖片功能

1、找到image.js

首先，還是image.js這個文件，搜索“upload”可以找到這一段

id:'Upload',hidden:!0

查看是否隱藏功能打開

2：實際操作中，只是第一步，還是看不到上傳頁面，只有配置了這一步才可以

上面的只是一個上傳頁面。也就相當於一個HTML的form表單，要配置點擊“上傳到服務器上”按鈕后請求的Action。可以在ckeditor/config.js中配置。

加入：

config.filebrowserImageUploadUrl = 'upload.php?type=img';
config.filebrowserFlashUploadUrl = 'upload.php?type=flash';

3、upload.php的代碼如下：

<?php

/*
CKEditor_upload.php 
monkee 
2009-11-15 16:47 
*/
$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, "", $_FILES['upload']['tmp_name']);
            mkhtml($fn, "", $file_host);
            mkhtml($fn, "", "文件上傳失敗，請檢查上傳目錄設置和目錄讀寫權限");
        }
    }
}
//輸出js調用
function mkhtml($fn, $fileurl, $message) {
    $str = '<script type="text/javascript">window.parent.CKEDITOR.tools.callFunction(' . $fn . ', \'' . $fileurl . '\', \'' . $message . '\');</script>';
    exit($str);
}
?> 

4、注意上面的目的目錄必須存在，可以事先創建