Script PHP upload dan Simpan gambar di database mysqli

Publish Date : 23-11-2023 , dibaca 93817 kali, Hari ini dibaca : 1 kali ,0 comments

Tutorial kali ini suckittrees.com akan berbagi Cara Upload dan Menyimpan Gambar Ke dalam Database dengan PHP MYSQLi, Kemudian kita Akan Menampilkan Gambar yang ada di database pada halaman Website.

Cara Menampilkan gambar di database sama halnya kita menampilkan gambar biasa di HTML , yaitu menggunakan tag img . contoh nya :

menampilkan gambar dengan php

<img width=200 height=260 src='images/samping.gif' />

Dalam melakukan upload gambar dengan PHP dan kemudian menyimpannya kedalam database  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

Nah.. Namun pada menyimpan gambar ke dalam Format BLOB , jarang sekali digunakan oleh developer website, kenapa..? beberapa alasan menyebutkan tingkat efektifitas pemanggilan data sangat lambat, memberatkan server, sehingga membutuhkan waktu yang lama dalam menampilkan gambarnya.

Nah.. Disini kita akan Upload Gambar Kemudian menyimpan nama nya saja ke dalam database, Sementara Gambar nya akan tersimpan ke dalam folder, Sehingga kita hanya tinggal memanggil gambar tersebut.

Melakukan Proses Upload Gambar, 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="gambar" required /> | 
Keterangan : <input type="text" name="kete" /> | <input type="submit" value="Upload" name="save"></td> </form>

2 . 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, disini dibuat dengan nama "gambar" (tanpa tanda petik) dan Sebuah Tabel dengan nama "simpan" (tanpa tanda petik) , Dengan Struktur Tabel Seperti gambar berikut
upload gambar dengan php
2. Buat Sebuah File koneksi.php untuk mengkoneksikan database dengan projek anda. Isinya adalah Sebagai Berikut
<?php
// koneksi ke mysqli
$servername = "localhost";
$username = "root";
$password = "";
$db = "gambar";
// Create connection
$koneksi = mysqli_connect($servername, $username, $password,$db);
// Check connection
if (!$koneksi) {
die("Connection failed: " . mysqli_connect_error());
}
?>
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']."')";
  mysqli_query($koneksi, $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 = mysqli_query($koneksi, $sql);
while ($data = mysqli_fetch_array($tampil)){
// Tampilkan Gambar
echo "<img src='gambar/".$data['gambar']."' width='100px' height='100px'/>";
echo "</br>";
echo $data['keterangan'];
}
?>
Nah.. Untuk Source Code Lengkapnya silahkan download disini

Produk Rekomendasi

Artikel Terkait

Diskusi



wa