Cara Upload dan Simpan Gambar ke Database dengan PHP

source code dapat di copy dengan mengarahkan cursor ke area source code kemudian mengklik tombol dengan icon kertas putih dan <>
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'];
}
?>

Contoh Source Code Lengkap Beserta database dapat anda download disini. Selamat Mencoba. Happy Coding. :)
source code dapat di copy dengan mengarahkan cursor ke area source code kemudian mengklik tombol dengan icon kertas putih dan <>

Share this

Related Posts

Previous
Next Post »

15 comments

comments
13 December 2014 at 20:25 delete

bagaimana kalo di 1 id ada 3 gambar min? jadi ada field baru selain gambar yaitu gambar1, gambar2.

mohon tutorialnya min :)

Reply
avatar
9 January 2015 at 22:00 delete

makasih gan sangat membantu

Reply
avatar
5 February 2015 at 12:20 delete

gan lha ini hapus gambar ny gimana???

Reply
avatar
7 February 2015 at 11:20 delete

Makasih atas ilmunya gan, sangat bermanfaat

Reply
avatar
9 March 2015 at 08:58 delete

kalau gak salah, id cuman bisa dipakai satu kali ?

Reply
avatar
29 November 2015 at 11:03 delete

terima kasih gan, sangat membantu
mampir ke blog ane gan: http://www.transiskom.com

Reply
avatar
6 April 2016 at 20:50 delete

MAAF, MAS..
untuk menambah kapasitas maksimal file gambar yg diupload, caranya gimana..?

Reply
avatar
5 October 2016 at 00:19 delete

www.kumaincoding.tk


jangan lupa view back,, ya gan..

Reply
avatar
21 May 2017 at 21:18 delete

tambahin kolom tabel nya aja, jadi kolom tabel nya ada beberapansesuai keinginan

Reply
avatar

bantu kami untuk lebih baik; jika ada hal yang kurang jelas atau broken link silahkan masukan komentar anda kami akan segera menanggapi dan memperbaikinya. login ke akun gmail anda untuk menampilkan form komentar.