Tutorial PHP - Cara Upload dan Simpan Gambar ke Database dengan PHP

Menyimpan Gambar tidaklah sama dengan menyimpan sebuah karekter atau data-data yang bertipe string. sejauh pengetahuan saya, ada dua teknik yang kerap digunakan dalam menyimpan gambar di database. Teknik pertama dengan cara menyimpan gambar tersebut kedalam format BLOB/LONGBLOB. Anda perlu mendefinisikan sebuah field di tabel anda dengan format ini. Namun kita tidak akan membahas teknik ini. 

Sedangkan teknik yang kedua adalah dengan cara menyimpan nama gambarnya saja lalu memindahkan filenya (gambar) kedalam direktory yang telah ditentukan (Upload). Teknik ini yang akan coba saya jelaskan pada postingan ini. Stay tune ya. :)

Melakukan Proses Upload Gambar 

1. Buat Sebuah Form Input. Contoh Source Code Seperti gambar berikut
<form method="post" enctype="multipart/form-data">
<td colspan="4">Upload Gambar (Ukuran Maks = 1 MB) : <input type="file" name="gbjalan" required /> | Keterangan : <input type="text" name="kete"  /> | 
<input type="submit" value="Upload" name="save"></td>
</form>
2. Seperti Tulisan yang bercetak tebal diatas. anda perlu menambahkannya jika ingin membuat sebuah proses upload file. jika tidak maka file anda tidak akan terupload. tentang batas maksimal ukuran file yang bisa diupload dapat anda lihat di file php.ini  

3. Adapun Coding untuk proses Upload gambar adalah seperti berikut ini
<?php
 if (isset($_POST['save'])){
 $fileName = $_FILES['gambar']['name'];
  // Simpan di Folder Gambar
  move_uploaded_file($_FILES['gambar']['tmp_name'], "gambar/".$_FILES['gambar']['name']);
  echo"<script>alert('Gambar Berhasil diupload !');history.go(-1);</script>";
  
 } 
?>
Jangan Lupa Untuk membuat sebuah Folder dengan nama gambar didalam folder projek anda. 

Menyimpan Gambar ke Database MySQL

1. Buat Sebuah Database dan Sebuah Tabel Dengan Struktur Tabel Seperti gambar berikut

Cara Upload dan Simpan Gambar ke Database dengan PHP

2. Buat Sebuah File koneksi.php untuk mengkoneksikan database dengan projek anda. Isinya adalah Sebagai Berikut
<?php
mysql_connect('localhost','root','root');
mysql_select_db('gambar');
?>
3.  Untuk Form dan Proses Upload kita masih menggunakan contoh sebelumnya. Hanya saja terdapat sedikit penambahan didalam coding proses Uploadnya karena kita juga akan melakukan proses penyimpanan kedalam database 
<?php
 if (isset($_POST['save'])){
 $fileName = $_FILES['gambar']['name'];
  // Simpan ke Database
  $sql = "insert into simpan (gambar, keterangan) values ('$fileName', '".$_POST['keterangan']."')";
  mysql_query($sql);
  // Simpan di Folder Gambar
  move_uploaded_file($_FILES['gambar']['tmp_name'], "gambar/".$_FILES['gambar']['name']);
  echo"<script>alert('Gambar Berhasil diupload !');history.go(-1);</script>"; 
 } 
?>
Menampilkan Gambar yang telah di Simpan & Upload 

Untuk Menampilkan gambar yang telah tersimpan di database sebenarnya konsepnya sama saja dengan menampilkan data dari database hanya saja karena kita akan menampilkan gambar, kita perlu mendefinisikan sebuah tag img agar gambar dapat ditampilkan. contoh source code seperti dibawah ini 
<?php 
include "koneksi.php"; 
$sql = "select * FROM simpan";
$tampil = mysql_query($sql);
while ($data = mysql_fetch_array($tampil)){
// Tampilkan Gambar
echo "<img src='gambar/".$data['gambar']."' width='100px' height='100px'/>";
echo "</br>";
echo $data['keterangan'];
}
?>

Posting Komentar