Cara Upload, Menyimpan dan Menampilkan Gambar dengan PHP dan MySQL

Malam ini Ans Blog Project membahas mengenai salah satu sistem kerja di PHP yaitu Cara Upload, Menyimpan dan Menampilkan Gambar dengan PHP dan MYSQL. Bagi yang Anda belum mengetahui apa itu PHP dan MySQL, Anda dapat membaca postingan sebelumnya mengenai PHP dan MySQL.

Sepengetahuan Ans Blog Project menyimpan gambar tidaklah sama dengan menyimpan sebuah karakter atau data-data bertipe string. Ada dua teknik yang kerap digunakan dalam menyimpan gambar di database. Teknik pertama yaitu dengan cara menyimpan gambar dengan type Blob/Longblob. Sedangkan teknik yang kedua yaitu dengan cara menyimpan nama file gambarnya saja kemudian memindahkan filenya (gambar) kedalam direktori yang telah ditentukan yaitu istilahnya Upload. Oleh sebab itu saya akan membahas teknik yang kedua dalam artikel malam ini.

Langkah pertama yang harus dilakukan yaitu 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.
Langkah selanjutnya yaitu Menyimpan Gambar ke Database MySQL

1. Buat sebuah Database dan sebuah tabel dengan Struktur Tabel Seperti gambar berikut :

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 di dalam coding proses Uploadnya karena kita juga akan melakukan proses penyimpanan kedalam database, adapun source code nya adalah sebagai berikut :

<?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>";
}
?>

Langkah berikutnya 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'];
}
?>  

Nah itu dia source code yang diperlukan dalam hal mengupload, menyimpan dan menampilkan gambar dengan PHP dan MySQL, semoga artikel ini dapat membantu Anda dalam mengatasi masalah seperti ini. Sekian dan terima kasih.

Author : Ans Blog Project

Terimakasih atas kunjungannya brother yang baru saja membaca artikel berjudul Cara Upload, Menyimpan dan Menampilkan Gambar dengan PHP dan MySQL.

Share Artikel

Facebook

Twitter

Google+

Artikel Terkait