อ้างอิงจากบทความนี้เลยครับ

http://www.thaicreate.com/community/ckeditor-plugin-upload-image.html

อ้างอิงจากบทความนี้เลยครับ

config.js

/**
 * @license Copyright (c) 2003-2013, CKSource - Frederico Knabben. All rights reserved.
 * For licensing, see LICENSE.html or http://ckeditor.com/license
 */

CKEDITOR.editorConfig = function( config ) {
	// Define changes to default configuration here. For example:
	 config.language = 'th';
	 //config.uiColor = '#AADC6E';

	config.extraPlugins = 'image';
	config.filebrowserUploadUrl = 'ckupload.php';
	config.image_removeLinkByEmptyURL= true;
	config.image_previewText = CKEDITOR.tools.repeat( 'ตัวอย่างรูปภาพ ', 100 );

};

ckupload.php

<? 

	$url = 'upload/files/'.time()."_".$_FILES['upload']['name'];

 //extensive suitability check before doing anything with the file...
    if (($_FILES['upload'] == "none") OR (empty($_FILES['upload']['name'])) )
    {
       $message = "No file uploaded.";
    }
    else if ($_FILES['upload']["size"] == 0)
    {
       $message = "The file is of zero length.";
    }
    else if (($_FILES['upload']["type"] != "image/pjpeg") AND ($_FILES['upload']["type"] != "image/jpeg") AND ($_FILES['upload']["type"] != "image/png") AND ($_FILES['upload']["type"] != "image/gif"))
    {
       $message = "The image must be in either GIF , JPG or PNG format. Please upload a JPG or PNG instead.";
    }
    
	else if (!is_uploaded_file($_FILES['upload']["tmp_name"]))
    {
       $message = "You may be attempting to hack our server. We're on to you; expect a knock on the door sometime soon.";
    }
    else {
      $message = "";
	
      $move =  move_uploaded_file($_FILES['upload']['tmp_name'], $url);
      if(!$move)
      {
         $message = "Error moving uploaded file. Check the script is granted Read/Write/Modify permissions.";
      }
      //$url = "../" . $url;
    }

	
	if($message != "")
	{
		$url = "";
	}

	$funcNum = $_GET['CKEditorFuncNum'] ;
	echo "<script type='text/javascript'>window.parent.CKEDITOR.tools.callFunction($funcNum, '$url', '$message');</script>";

?>

ผมลองมาใช้แล้วมัน error


ลองแก้ไขตรง $URL ในไฟล์ ckupload.php แล้วก็ยังเป็นเหมือนเดิมครับ

ดูแล้ว เขาก็แนะนำว่า ใช้ได้เลย ไม่ต้องแก้อะไร

แต่เหมือนเราต้องสร้าง โฟลเดอร์ upload / files สองโฟลเดอร์นี้ก่อน

ส่วน path ของไฟล์ ckupload ก็ต้องลองสังเกตว่า เราดึงจากในไหน

ถ้าไฟล์ เรียกใช้งานอยู่ใน โฟลเดอร์เดียวกับ ckeditor ก็ไม่ต้องย้ายไฟล์ ckupload.php สามารถใช้งานได้เลย


ถามเพิ่มเติม ถ้ายังไม่ได้ 

คำแจ้งเตือนนี้ เกิดหลังจาก อัพโหลดไฟล์แล้วหรือไม่?

คำแจ้งเตือนขึ้นกลังจากกด "ตกลง" แล้วครับ

แสดงว่า ไม่มีการอัพโหลดไฟล์เกิดขึ้น

เพราะถ้ามีการอัพโหลดไฟล์ ปกติ จะแสดง url ตรงช่อง ที่อยู่อ้างอิง

และในเอกสารตัวอย่าง ก็จะมีรูปภาพ แสดงด้วย

แต่ตามรูปที่ให้มา ไม่มีการแสดงทั้งสองอย่าง ให้ดูที่ โค้ดการอัพโหลดไฟล์ ดู path ของ ckupload.php
ใช้  inspect element ของ google chrome แล้วดูตรง console ว่าตอนอัพโหลด ยิงไปที่ไฟล์ ckupload.php
ถูกต้องหรือไม่ ถ้าถูกต้องจะมีการอัพโหลดไฟล์ ถ้าไม่ จะแสดงเป็น file not found

ตัว Folder Administrator จะเป็น Backoffice ของผมครับ แล้วก็จะมี Folder js ย่อยไปอีกจะมี ckeditor ตาม Tree ด้านล่างครับพี่

administrator
     - js
        - ckeditor

ส่วนตัว Form หน้า Upload ของผม จะอยู่ใน administrator อย่างนี้มันจะมีผลหรือเปล่าครับ ที่ทำให้ใช้งานไม่ได้

น่าจะมีผลแน่นอน path ไฟล์สำหรับอัพโหลด น่าจะไม่ถูกต้อง

ลองก็อปไฟล์ ckupload.php มาไว้ โฟลเดอร์เดียวกับ ไฟล์ ที่เรียกใบ้งาน ckeditor ดู

ขอบคุณมากนะครับพี่นิก เดี๋ยวจะลองแก้ไขดูครับ

Error .. window.parent.CKEDITOR.tools.callFunction($funcNum, '$url', '$message');"; ?>