ckeditor_4.5.10_full上傳圖片功能

一、找到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';

三、upload.php的代碼以下：

 1 <?php
 2 
 3 /*
 4 CKEditor_upload.php 
 5 monkee 
 6 2009-11-15 16:47 
 7 */
 8 $config = array();
 9 $config['type'] = array(
10     "flash",
11     "img"
12 ); //上傳容許type值
13 $config['img'] = array(
14     "jpg",
15     "bmp",
16     "gif"
17 ); //img容許後綴
18 $config['flash'] = array(
19     "flv",
20     "swf"
21 ); //flash容許後綴
22 $config['flash_size'] = 200; //上傳flash大小上限 單位：KB
23 $config['img_size'] = 500; //上傳img大小上限 單位：KB
24 $config['message'] = "上傳成功"; //上傳成功後顯示的消息，若爲空則不顯示
25 $config['name'] = mktime(); //上傳後的文件命名規則 這裏以unix時間戳來命名
26 $config['flash_dir'] = "/ckeditor/upload/flash"; //上傳flash文件地址 採用絕對地址 方便upload.php文件放在站內的任何位置 後面不加"/"
27 $config['img_dir'] = "/ckeditor/upload/img"; //上傳img文件地址 採用絕對地址 採用絕對地址 方便upload.php文件放在站內的任何位置 後面不加"/"
28 $config['site_url'] = ""; //網站的網址 這與圖片上傳後的地址有關 最後不加"/" 可留空
29 //文件上傳
30 uploadfile();
31 function uploadfile() {
32     global $config;
33     //判斷是不是非法調用
34     if (empty($_GET['CKEditorFuncNum'])) mkhtml(1, "", "錯誤的功能調用請求");
35     $fn = $_GET['CKEditorFuncNum'];
36     if (!in_array($_GET['type'], $config['type'])) mkhtml(1, "", "錯誤的文件調用請求");
37     $type = $_GET['type'];
38     if (is_uploaded_file($_FILES['upload']['tmp_name'])) {
39         //判斷上傳文件是否容許
40         $filearr = pathinfo($_FILES['upload']['name']);
41         $filetype = $filearr["extension"];
42         if (!in_array($filetype, $config[$type])) mkhtml($fn, "", "錯誤的文件類型！");
43         //判斷文件大小是否符合要求
44         if ($_FILES['upload']['size'] > $config[$type . "_size"] * 1024) mkhtml($fn, "", "上傳的文件不能超過" . $config[$type . "_size"] . "KB！");
45         //$filearr=explode(".",$_FILES['upload']['name']);
46         //$filetype=$filearr[count($filearr)-1];
47         $file_abso = $config[$type . "_dir"] . "/" . $config['name'] . "." . $filetype;
48         $file_host = $_SERVER['DOCUMENT_ROOT'] . $file_abso;
49         if (move_uploaded_file($_FILES['upload']['tmp_name'], $file_host)) {
50             mkhtml($fn, $config['site_url'] . $file_abso, $config['message']);
51         } else {
52         
53             //mkhtml($fn, "", $_FILES['upload']['tmp_name']);
54             mkhtml($fn, "", $file_host);
55             mkhtml($fn, "", "文件上傳失敗，請檢查上傳目錄設置和目錄讀寫權限");
56         }
57     }
58 }
59 //輸出js調用
60 function mkhtml($fn, $fileurl, $message) {
61     $str = '<script type="text/javascript">window.parent.CKEDITOR.tools.callFunction(' . $fn . ', \'' . $fileurl . '\', \'' . $message . '\');</script>';
62     exit($str);
63 }
64 ?> 

View Code

四、注意上面的目的目錄必須存在，能夠事先建立