TipsTrik79: Menampilkan Gambar Dari Database MySQL Menggunakan PHP

Balik lagi nih dengan saya, setelah sebelumnya kita udah bahas mengenai cara menyimpan atau upload Gambar/Foto ke database MySQL dengan Program PHP, nah sekarang pembahasan kita gak jauh-jauh dari pembahasan sebelumnya, yaitu kita akan bahas mengenai Cara Menampilkan Foto dari Database MySQL dengan Program PHP. Berhubung pembahasan ini berkaitan erat dengan pembahasan sebelumnya, saya sarankan baca terlebih dahulu Script PHP upload dan Simpan gambar di database mysql.

Ok langsung aja, anggap aja kita udah Database dan Tabel dan sudah berisi beberapa Gambar berikut dengan keterangannya seperti gambar berikut ini :

Dan berikut ini adalah file Gambar yang sudah tersimpan di dalam database.

Nah langsung aja ke topik utamanya, silahkan jalankan Web browser kamu. misalkan kita gunaan XAMPP. kemudian jalankan Modul Apache dan MySQL.

Kemudian jalankan Aplikasi Web Editor kamu misalkan kita gunakan Adobe Dreamweaver CS3. buat file baru, kemudian pada Code, ketikkan kode program berikut ini :


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Menampilkan Gambar</title>
</head>

<body>
<table width="70%" border="1" cellpadding="4" cellspacing="4" align="center">
<tr>
    <th>ID</th>
    <th>FOTO</th>
    <th>KETERANGAN</th>
</tr>
<?php
mysql_connect("localhost","root","");
mysql_select_db("kebun");
$sql=mysql_query("SELECT * FROM bunga");
while ($data=mysql_fetch_array($sql)){
?>
<tr>
    <td><?=$data['id']?></td>
    <td><?="<img src='image/".$data['foto']."'style='width:200px; height:100px;'>"?></td>
    <td><?=$data['keterangan']?></td>
</tr>
<?php }?>
</table>
</body>
</html>

Kode yang ditandai dengan warna merah merupakan Script PHP untuk menampilkan Gambar.

kemudian simpan file ke C:\xampp\htdocs\websiteku dengan nama tampilgambar.php. setelah semua selesai. kita jalankan Program tersebut. buka web browser misalkan kita menggunakan Mozilla Firefox, pada address bar ketikkan localhost\websiteku\tampilgambar.php . Tadaaa... Maka hasilnya akan seperti gambar berikut ini :