web programming - db galeri foto
TRANSCRIPT
w w w . f r e a k - k u t u o n l i n e . c o m
Page 1
WEB PROGRAMMING 1 | GALERI FOTO Buat database dengan nama dbGaleri, lalu buat tabel galeri dengan struktur tabel sebagai berikut. Semua file PHP simpan didalam folder htdocs/Galeri, siapkan folder img_album didalam folder Galeri untuk menyimpan foto atau gambar yang di upload.
Gambar 1. Struktur tabel foto.
Script koneksi.php <?php $host="localhost"; $user="root"; $pass=" "; $db="dbGaleri"; $koneksi=mysql_connect($host,$user,$pass)or die(mysql_error()); mysql_select_db($db,$koneksi); ?>
w w w . f r e a k - k u t u o n l i n e . c o m
Page 2
Buat desain tampilan input galeri foto seperti gambar dibawah ini.
Gambar 2. Layout inputData.php. Script inputData.php <body> <form id="form1" name="form1" method="post" action="simpanData.php" enctype="multipart/form-data"> <table width="500" border="1" align="center" cellpadding="0"> <tr> <td colspan="2" bgcolor="#999999"><div align="center"><b>GALERI FOTO</b></div></td> </tr> <tr> <td width="75">NAMA</td> <td><input name="nama" type="text" size="40" /> </td> </tr> <tr> <td width="75" valign="top">FOTO</td> <td><input name="fupload" type="file" size="40" /> <br /> *Format foto harus JPG/JPEG.</td> </tr> <tr> <td colspan="2" bgcolor="#999999"><div align="right"> <a href="view_image.php">Lihat Foto</a> <input name="submit" type="submit" value="Submit" /><input name="reset" type="reset" value="Cancel" /></div></td> </tr> </table> </form> </body>
w w w . f r e a k - k u t u o n l i n e . c o m
Page 3
Script simpanData.php <?php include "koneksi.php";
$lokasi_file=$_FILES['fupload']['tmp_name']; $tipe_file=$_FILES['fupload']['type']; $nama_file=$_FILES['fupload']['name']; $acak=rand(000000,999999); $nama_file_unik=$acak.$nama_file; if (!empty($lokasi_file)) { move_uploaded_file($lokasi_file,"img_album/".$nama_file_unik); mysql_query("INSERT INTO galeri (nama_lengkap, foto) VALUES('$_POST[nama]', '$nama_file_unik')"); } else { echo "Anda belum memilih gambar."; } ?> <br /> <meta http-equiv="refresh" content="0;url=view_image.php?Data foto tersimpan." /> Script view_image.php <?php include "koneksi.php"; //memberi batas halaman $batas=4; $hal=$_GET['hal']; if(empty($hal)){ $posisi=0; $hal=1; } else { $posisi=($hal-1)*$batas; } //menampilkan gambar atau foto dari dalam tabel //secara descending (dari id foto terbesar ke id foto terkecil / foto yang terakhir tersimpan) $sql=mysql_query("SELECT * FROM galeri ORDER BY id DESC LIMIT $posisi,$batas")or die(mysql_error()); while($data=mysql_fetch_array($sql)) {
w w w . f r e a k - k u t u o n l i n e . c o m
Page 4
echo "<img src='img_album/$data[foto]' border='0' width='200' height='250' hspace='2' title='$data[nama_lengkap]'/>"; } //menampilkan gambar atau foto didalam halaman $query=mysql_query("select * from galeri"); $num=mysql_num_rows($query); $jmlHal=ceil($num/$batas); //menampilkan halaman echo "<br>Halaman : "; for($i=1;$i<=$jmlHal;$i++){ if($i != $hal){ echo "<a href=view_image.php?hal=$i>$i</a> | "; } else { echo "<b>$i</b>|"; } } ?> <br /> <a href="inputData.php">Upload Lagi</a> Jika sudah selesai semua scriptnya, hasilnya akan terlihat seperti pada gambar dibawah ini.
Gambar 3. view_image.php.
w w w . f r e a k - k u t u o n l i n e . c o m
Page 5
Gambar atau foto yang di upload akan tersimpan di dalam folder img_album yang telah disiapkan sebelumnya.
Gambar 4. Isi folder img_album. Selamat mencicipi…