PHP Ionic Angularjs Phonegap AJAX Javascript CSS MySQL jQuery Forum

สอบถามเรื่อง การปรับแต่งโดยให้ดึงไฟล์รูปภาพจากฐานข้อมูลแบบ Realtime

สอบถามเรื่อง การปรับแต่งโดยให้ดึงไฟล์รูปภาพจากฐานข้อมูลแบบ Realtime
จากกระทู้ : แนวทาง การดึงข้อมูล แบบ real time ด้วย ajax ใน jQuery  
http://www.ninenik.com/content.php?arti_id=284 via @ninenik

คืออยากจะนำมาปรับใช้จากของเดิมเป็นเวลา เปลี่ยนมาใช้เป็นไฟล์รูปภาพแทน โดยดึงมาจากในฐานข้อมูล

พอจะเขียนยังไงได้บ้างครับ

หมายเหตุ : ผมลองแก้มั่วๆแต่ไม่ได้ เลยมาขอความช่วยเหลืออหน่อยครับ


โดย:  OPeTero IP: 171.7.249.xxx วันที่: 01-02-2015 เวลา: 14:46:03

คำแนะนำ และการใช้งาน

สมาชิก กรุณา ล็อกอินเข้าระบบ เพื่อตั้งคำถามใหม่ หรือ ตอบคำถาม สมาชิกใหม่ สมัครสมาชิกได้ที่ สมัครสมาชิก


  • ถาม-ตอบ กรุณา ล็อกอินเข้าระบบ


  • ( หรือ สามารถทำการ สมัครสมาชิก และล็อกอิน ด้วย ปุ่ม Log in with Facebook ด้านล่าง )
 ความคิดเห็นที่ 5


โดย:  Siripong IP: 1.0.207.xxx วันที่: 11-11-2016 เวลา: 08:49:33
 ความคิดเห็นที่ 4
จากที่ลองมาคือผมลองกับในโฮสกับในเครื่องตัวเอง ได้ผมลัพธ์เหมือนกันคือ ผมลองเทส ไฟล์รูป 1 และ 2 (คนละรูปกัน) โดยชื่อเหมือนกัน
เอาไปทับของไฟล์เดิม เรียกมาแสดงสมมุติชื่อ show.php ไฟล์ gdata.php(ติดต่อฐานข้อมูล)
คือแสดงรูป 1 ปกติแต่มันไม่ยอม Refresh รูปใหม่ รูป 2 ที่เอาไปทับขึ้นมาโชว์ ปล.ผมใช้โหมดไม่ระบุตัวตนแล้ว(Chome)
ผมเรียกชื่อที่อยู่ไฟล์รูปภาพมาดู เช่น .../image/a.jpg ก็แสดงรูปใหม่ แต่ในไฟล์ show.php ไม่ยอมเปลี่ยนรูป
ต้องทำยังไงดีครับ  



โดย:  OPeTero IP: 171.7.249.xxx วันที่: 03-02-2015 เวลา: 21:31:10
 ความคิดเห็นที่ 3
อาจจะเป็นการแคชค่าเก่าหรือเปล่า ถ้าบันทึกทับไฟล์เดิม ชื่อเดิม ให้ลองไปดูว่า มีการบันทึกรูป
เป็นอัพเดทล่าสุดจริงมั้ย ถ้าจริง ก็มาดูโค้ดว่า มีการไปดึงค่าจากแคช หรือค่าเดิมมาแสดงหรือเปล่า
ลองแก้ที่โค้ดโดยเพิ่ม time เข้าไป เช่น

<script type="text/javascript">
$(function(){
	setInterval(function(){ // เขียนฟังก์ชัน javascript ให้ทำงานทุก ๆ 30 วินาที
		// 1 วินาที่ เท่า 1000
		// คำสั่งที่ต้องการให้ทำงาน ทุก ๆ 3 วินาที
        var d=new Date();
        var hash=d.getTime();        
		var getData=$.ajax({ // ใช้ ajax ด้วย jQuery ดึงข้อมูลจากฐานข้อมูล
				url:"gdata.php",
				data:"rev=1&t="+hash,
				async:false,
				success:function(getData){
					$("div#showData").html(getData); // ส่วนที่ 3 นำข้อมูลมาแสดง
				}
		}).responseText;
	},3000);	
});
</script>    




โดย:  Ninenik IP: 171.96.78.xxx วันที่: 03-02-2015
 ความคิดเห็นที่ 2
คือผมมีกล้องเว็บแคมตัวนึง ให้มันถ่ายทุก 1 วิ แล้วเซฟเก็บไว้ในฐานข้อมูล โดยให้เซฟทับไฟล์เดิม ถ้าผมนำโค๊ดตัวนี้มาใช้ คือต้องการให้แสดงเป็นรูปภาพตัวล่าสุดบนเว็บ อัพเดทเป็น Realtime ถ้าใช้โค๊ดแบบนี้ ผมใช้ถูกวิธีไหมครับ เพราะที่ลองมันไม่ได้อัพเดทรูปใหม่ให้เลย

โดย:  OPeTero IP: 171.7.248.xxx วันที่: 02-02-2015 เวลา: 21:34:21
 ความคิดเห็นที่ 1
ไฟล์ gdata.php ให้ไปดึงข้อมูลจากฐานข้อมูลธรรมดา

<?php
header("Content-type:text/html; charset=UTF-8");          
header("Cache-Control: no-store, no-cache, must-revalidate");         
header("Cache-Control: post-check=0, pre-check=0", false);     
// ส่วนติดต่อกับฐานข้อมูล
mysql_connect("localhost","root","") or die("Cannot connect the Server");     
mysql_select_db("test") or die("Cannot select database");     
mysql_query("set character set utf8");  
if($_GET['rev']==1){  
   // คำสั่งไปดึงข้อมูลจากฐานข้อมูล และแสดงรูปภาพ 
    $q="SELECT * FROM tbl_image ";  
    $qr=mysql_query($q);  
    $rs=mysql_fetch_array($qr);
    echo "<img src='picture/".$rs['image_name']."' >";
    exit;  
}  
?>



โดย:  Ninenik IP: 124.122.173.xxx วันที่: 02-02-2015