Downloaded 20 times
![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))
{](https://image.slidesharecdn.com/wp1-dbgalerifoto-141201024641-conversion-gate02/85/Web-Programming-DB-Galeri-Foto-3-320.jpg)
![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.](https://image.slidesharecdn.com/wp1-dbgalerifoto-141201024641-conversion-gate02/85/Web-Programming-DB-Galeri-Foto-4-320.jpg)
Uploaded byDoni Andriansyah
Web Programming - DB Galeri Foto
Dokumen tersebut memberikan instruksi untuk membuat galeri foto online menggunakan PHP dan MySQL dengan langkah-langkah sebagai berikut: (1) membuat database dan tabel untuk menyimpan data foto, (2) membuat form untuk menginput data dan foto, (3) menyimpan data dan foto ke database, (4) menampilkan foto-foto yang tersimpan beserta navigasinya.
More Related Content
Similar to Web Programming - DB Galeri Foto
Web Programming - DB Galeri Foto
- 1. 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); ?>
- 2. 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>
- 3. 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)) {
- 4. 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.
- 5. 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…