Web Programming - Simpan Tampil Customer

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);
?>

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>

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))
{

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.

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…

Web Programming - Simpan Tampil Customer

Recommended

Recommended

More Related Content

What's hot

What's hot (20)

Viewers also liked

Viewers also liked (20)

Similar to Web Programming - Simpan Tampil Customer

Similar to Web Programming - Simpan Tampil Customer (20)

More from Doni Andriansyah

More from Doni Andriansyah (19)

Recently uploaded

Recently uploaded (20)

Web Programming - Simpan Tampil Customer