Sebelum membuat galeri foto, anda harus bisa mengupload file dengan php. Secara singkat galeri foto yang akan dibuat adalah sebagai berikut. Pertama pengguna memilih gambar yang akan diupload dan memasukkan deskripsi gambar. Kemudian dengan php, gambar akan diupload ke sebuah folder. Nama file dan deskripsi gambar akan disimpan ke database.
Buatlah sebuah database dengan nama "galeri", dan buat sebuah tabel "foto" dengan struktur seperti:
atau gunakan sql query di bawah
Langkah selanjutnya adalah mengupload gambar ke folder "upload" dan menyimpan deskripsi dan nama file ke tabel "foto". Buka file save-gallery.php dan gunakan kode php di bawah untuk menyimpan gambar.
Selanjunya, menampilkan gambar yang telah disimpan. Buka file gallery.php dan isi dengan kode php di bawah.
Membuat Database Galeri Foto
Buatlah sebuah database dengan nama "galeri", dan buat sebuah tabel "foto" dengan struktur seperti:
Nama Field | Tipe Data | Keterangan | |
id | int(11) | Primary Key, auto increment | |
nama_file | varchar(255) | ||
deskripsi | varchar(255) |
atau gunakan sql query di bawah
- CREATE TABLE `foto` (
- `id` int(11) NOT NULL AUTO_INCREMENT,
- `nama_file` varchar(255) NOT NULL,
- `deskripsi` varchar(255) ,
- PRIMARY KEY (`id`)
- )
Membuat Form dan Struktur Folder
kemudian simpan file tersebut.
- <html>
- <head>
- <title>New Picture</title>
- </head>
- <body>
- <form name="form1" action="save-gallery.php" method="post" enctype="multipart/form-data">
- File: <input type="file" name="file" id="file"/><br/>
- Deskripsi: <textarea name="deskripsi" id="deskripsi"></textarea><br/>
- <input type="submit" name="save" value="Upload"/>
- </form>
- </body>
- </html>
Mengupload dan Menyimpan Gambar ke Database
Langkah selanjutnya adalah mengupload gambar ke folder "upload" dan menyimpan deskripsi dan nama file ke tabel "foto". Buka file save-gallery.php dan gunakan kode php di bawah untuk menyimpan gambar.
Pertama tama di baris ke 3-4 membuka koneksi ke database. Di baris ke-6 dilakukan pengecekan apakah file sudah terupload dan ukurannya lebih besar dari nol dan tidak terjadi error. Baris ke-8 memindahkan file yang telah terupload, dari temporary folder ke folder "upload" yang telah dibuat sebelumnya. Baris selanjutnya mengecek jika proses pemindahan file berhasil. Jika berhasil deskripsi dan nama file disimpan ke tabel 'foto'.
- <?php
- //koneksi ke database
- $conn = mysql_connect('localhost', 'userdb', 'password');
- mysql_select_db('galeri');
- //upload file
- if(!empty($_FILES) && $_FILES['file']['size'] > 0 && $_FILES['file']['error'] == 0){
- $fileName = $_FILES['file']['name'];
- $move = move_uploaded_file($_FILES['file']['tmp_name'], 'upload/'.$fileName);
- if($move){
- //simpan deskripsi dan nama file ke database
- $sql = "insert into foto (nama_file, deskripsi) values
- ('$fileName', '".$_POST['deskripsi']."')";
- mysql_query($sql);
- header("Location: gallery.php");
- exit;
- }
- }
Menampilkan Gambar
Selanjunya, menampilkan gambar yang telah disimpan. Buka file gallery.php dan isi dengan kode php di bawah.
- <html>
- <head>
- <title>Gallery</title>
- </head>
- <body>
- <?php
- //koneksi ke database
- $conn = mysql_connect('localhost', 'userdb', 'password');
- mysql_select_db('galeri');
- //membaca data dari database
- $result = mysql_query("select * from foto");
- //menampilkan foto
- ?>
- <table>
- <tr>
- <?php
- $i = 1;
- while($row = mysql_fetch_array($result)){
- ?>
- <td>
- <a href="upload/<?php echo $row['nama_file'];?>">
- <img src="upload/<?php echo $row['nama_file'];?>" alt="" width="200" border="0"/>
- </a>
- <br/><?php echo $row['deskripsi'];?>
- </td>
- <?php
- if($i % 3 == 0){
- echo '</tr><tr>';
- }
- $i++;
- }
- ?>
- </tr>
- </table>
- </body>
- </html>
3 comments:
cuma saran kalau pengen berbagi ilmu sebaiknya mbok yang komplit dilengkapi gambar step by step nya sehingga yang awam tidak bingung untuk belajarnya
Makasih Bosss
saya setuju, kalau bisa dengan gambar....
Posting Komentar