ครั้งที่แล้วแสดงการ อัปโหลดภาพเก็บในฐานข้อมูล ครั้งนี้จะแนะนำการนำภาพขึ้นมาแสดงบนหน้าเว็บ การนำภาพมาแสดงก็ไม่ได้เป็นอะไรที่มากไปกว่า เอาชื่อภาพจากฐานข้อมูล มาต่อให้ชี้ไปยังโฟลเดอร์ที่เราอัปโหลดภาพจริง เก็บไว้
ผมขอเพิ่มเติมว่า ให้สังเกตโค้ดตรงกำหนด ว่าจะให้ตารางแสดงกี่คอลัมน์ นะครับ เห็นถามกันในหลายๆเว็บบอร์ด จะเห็นว่าเราควบคุมได้ด้วยโค้ดแค่ 2 บรรทัด
ดูโค้ดนะครับ
<?php // ส่วนกำหนดการเชื่อมต่อฐานข้อมูล $hostname_connection = "localhost"; $database_connection = "db_test"; $username_connection = "root"; $password_connection = ""; $connection = mysql_pconnect($hostname_connection, $username_connection, $password_connection) or trigger_error(mysql_error(),E_USER_ERROR); mysql_query( "SET NAMES UTF8" ) ; // ดึงข้อมูลจากฐานข้อมูล ไม่มีโค้ดการแบ่งหน้านะจ๊ะ ไปเพิ่มเติมเอง mysql_select_db($database_connection, $connection); $query_rs_image = "SELECT * FROM tbl_image ORDER BY image_id ASC"; $rs_image = mysql_query($query_rs_image, $connection) or die(mysql_error()); $row_rs_image = mysql_fetch_assoc($rs_image); $totalRows_rs_image = mysql_num_rows($rs_image); ?> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>upload image with php II</title> </head> <body> <table> <?php if ($totalRows_rs_image > 0) { // แสดงผลถ้ามีข้อมูลในฐานข้อมูล ?> <tr> <?php do { ?> <?php // รูปภาพให้เอาค่าจากฐานข้อมูลมาต่อ ให้ชี้ไปยังภาพที่อัปโหลดมา ?> <td><?php echo '<img src="upload_images/{$row_rs_image['image_name']}" />';?></td> <?php // กำหนดว่า จะให้ตาราง แสดงกี่คอลัมน์ ง่ายๆ ด้วยคำสั่งแค่ 2 บรรทัด $iLoop++ ; if ( $iLoop % 3 == 0 ) {echo "</tr><tr>" ;} } while ($row_rs_image = mysql_fetch_assoc($rs_image)); ?> </tr> <?php } ?> </table> </body> </html> |
Leave a Reply