Forgot Password ??

PHP , ASP , ASP.NET, VB.NET, C#, Java , jQuery , Android , iOS , Windows Phone

	Registered : 109,037

HOME > PHP > PHP Forum > ใช้ ckeditor upload รูปภาพใส่ Folder แล้วไม่แสดง ขอคำแนะนำด้วยครับ

ใช้ ckeditor upload รูปภาพใส่ Folder แล้วไม่แสดง ขอคำแนะนำด้วยครับ

เริ่มหัวข้อใหม่

Sync

โพสกระทู้ ( 66 )
บทความ ( 0 )

ผมใช้ CKEditor เพื่อทำกล่องกรอกข้อมูลครับ
ทำตามและ Download file มาจาก https://www.thaicreate.com/community/ckeditor-plugin-upload-image.html
แต่พอส่งค่าออกมารูปก็ย้ายได้ตามปรกติ แต่เวลาเรียกไฟล์ออกมาไม่แสดงค่า
พอลองตรวจสอบ <img> พบว่าเป็นแบบนี้ครับ
<img alt="\"\"" src="\"upload/files/1380188517_profile.png\"" style="\"height:64px;" width:64px\"="">

ส่วน Url ด้านบนมันขึ้นแบบนี้ครับ http://localhost/"upload/files/1380188517_profile.png/"

CKeditor upload Images

Code ทั้งหมดเป็นแบบนี้ครับ
Code (PHP)Code หน้า index ที่ใช้งานแบบ Form

<html>
	<head>
		<title>Editor</title>
		<script src="thaickeditor/ckeditor.js"></script>
	</head>
	<body><br /><br />
	<form action="index.php" method="POST" enctype="multipart/form-data">
		<h3>Form</h3>
		<textarea id="txtDescription1" name="txtDescription1" ></textarea> 
		<script>

			CKEDITOR.replace( 'txtDescription1');

		</script>
		<button type="submit">Save</button>
	</form>
	<hr />
	<?php
		$content = $_POST[txtDescription1];
		echo $content;
	?>	
	</body>
</html>

Code (PHP) หน้า 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>";

?>

รบกวนขอคำแนะนำด้วยครับ

Tag : PHP, JavaScript

Date : 2013-09-26 17:00:25

By : teerapuch

View : 2201

Reply : 4

No. 1

MunSource

โพสกระทู้ ( 107 )
บทความ ( 0 )

โค้ดจากของผมครับลองแกะดูน่าจะพอช่วย ผมก็นำมาใช้อยู่
โปรเจ็คผมอยู่ที่ C:/AppServ/www/igoodsim/ ซึ่งมีโฟลเดอร์ upload สำหรับเก็บภาพอีกที
CKEditor ผมเรียกใช้จากระบบหลังบ้านผม C:/AppServ/www/igoodsim/admin
***ซึ่งถ้าอัพขึ้นเว็บจริงอาจจะต้องลบ /igoodsim

ckupload.php

<? 
	$url = '/igoodsim/upload/'.time()."_".$_FILES['upload']['name']; //พาธเก็บรูป

    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'], $_SERVER['DOCUMENT_ROOT'].$url); //เรียก Root ของ Server มาเพื่ออ้างอิงพาธที่จะเก็บภาพได้ถูกต้อง
      if(!$move)
      {
         $message = "Error moving uploaded file. Check the script is granted Read/Write/Modify permissions.";
      }

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

	$funcNum = $_GET['CKEditorFuncNum'] ;
	echo "<script type='text/javascript'>window.parent.CKEDITOR.tools.callFunction($funcNum, '$url', '$message');</script>"; //เวลาแทนที่พาธลงในช่อง Text เรียกมาแค่พาธธรรมดา
?>

Date : 2013-09-26 23:33:24

By : pengbuts

No. 2

TC Admin

โพสกระทู้ ( 74,058 )
บทความ ( 838 )

Code ตัวนั้นผมก็ใช้ได้ทันทีน่ะครับ ไม่ต้องทำอะไรเพิ่ม

Date : 2013-09-27 10:18:31

By : mr.win

No. 3

Sync

โพสกระทู้ ( 66 )
บทความ ( 0 )

ผมรบกวนขอถามเพิ่มเติมอีกนิดนะครับ
คือผมจะเอาข้อความและรูปภาพจากกล่องนี้ลงฐานข้อมูล

ตอนผมจะนำไปใช้ ผมควรรับค่าหรือประกาศตัวแปรยังไงครับถึงจะเรียกรูปภาพได้ถูกต้องนะครับ

ตอนนี้ผมเขียนแค่รับค่าจาก $_POST ธรรมดามันไม่สามารถแสดงรูปภาพได้นะครับ

Code (PHP)

$content = $_POST[txtDescription1];
echo $content;

ขอบคุณครับ

Date : 2013-09-27 10:37:43

By : teerapuch

No. 4

Khunsky

โพสกระทู้ ( 1 )
บทความ ( 0 )

Host ที่ใช้อยู่อาจจะตั้งค่า php_flag magic_quotes_gpc เป็น On อ่ะค่ะ
ทำให้เวลา Save ข้อมูลลงฐานข้อมูลมันจะเดิม \ ลงไปด้วย (CKEditor ไม่ได้เป็นอะไรนะคะ)
ทางแก้ไข ก็แก้ไขที่ Host เลยค่ะ config ที่ php.ini
แต่ถ้าไม่ได้ ก็ลองแก้ด้วย .htaccess
แต่ถ้าแก้ด้วย .htaccess ไม่ได้ ก็ stripslashes() เอาเลยค่ะ
อาจจะสร้าง function ขึ้นมารับค่าตอน query จากฐานข้อมูลเลยก็ได้ กรณีการแสดงรูปมีหลายจุด ^^

Date : 2013-12-17 11:26:34

By : khunsky

ค้นหาข้อมูล

แสดงความคิดเห็น

Re : ใช้ ckeditor upload รูปภาพใส่ Folder แล้วไม่แสดง ขอคำแนะนำด้วยครับ

รายละเอียด

เพื่อความเรียบร้อยของข้อความ ควรจัดรูปแบบให้พอดีกับขนาดของหน้าจอ เพื่อง่ายต่อการอ่านและสบายตา และตรวจสอบภาษาไทยให้ถูกต้อง

อัพโหลดแทรกรูปภาพ

Notice

เพื่อความปลอดภัยของเว็บบอร์ด ไม่อนุญาติให้แทรก แท็ก [img]....[/img] โดยการอัพโหลดไฟล์รูปจากที่อื่น เช่นเว็บไซต์ ฟรีอัพโหลดต่าง ๆ
อัพโหลดแทรกรูปภาพ ให้ใช้บริการอัพโหลดไฟล์ของไทยครีเอท และตัดรูปภาพให้พอดีกับสกรีน เพื่อความโหลดเร็วและไฟล์ไม่ถูกลบทิ้ง

เพื่อความปลอดภัยและการตรวจสอบ กระทู้ที่แทรกไฟล์อัพโหลดไฟล์จากที่อื่น อาจจะถูกลบทิ้ง

โดย

อีเมล์

บวกค่าให้ถูก