Script menampilkan gambar di php

usahawan-maju | Cara Menampilkan Gambar Pada PHP dan HTML - Beberapa hari yang lalu saya mencari artikel  Cara Memasukkan Gambar Pada PHP dan HTML. Hal ini dikarenakan saya ingin menampilkan gambar dengan extensi gif atau gambar gerak kelayar. Lumayan juga daripada gambar diem malah kita akan jenuh kalo berlama-lama di web.

Awalnya saya mengolah gambar di photosop agar bisa saya bikin gif, namun sudah saya coba instal dari photosop versi 7 , cs1, cs2 hasilnya tidak ada yang benar, mungkin saya aja yang salah editing heheheee. Alhasil saya mencari aplikasi lain yang fungsinya kurang lebih membuat file gambar dengan extensi gif. Alhasil ketemu dan saya membuta sebuah gambar yang saya inginkan menjadi extensi gif.

Tahapan berikutnya saya membutuhkan script agar gambar saya ini bisa terlihat pada halaman wes saya. berikut script  Cara Menampilkan Gambar Pada PHP dan HTML

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

keterangan : width adalah lebar gambar, height adalah tinggi gambar, dan src adalah lokasi dimana gambar itu disimpan.

Tutorial kali ini kita akan membuat Script yang dapat kita gunakan untuk Menampilkan Semua Gambar dalam Sebuah Folder dengan PHP , Tehnik ini dapat kita gunakan untuk mengecek keberadaan gambar di dalam sebuah folder dengan menampilkannya di halaman website. Selain itu script seperti ini dapat juga dijadikan solusi untuk menampilkan gambar yang ada dalam folder tanpa data yang disimpan di database

SCRIPT menampilkan All Image / Semua Gambar di folder dengan PHP :

PHP CODE :

<?php
$images = glob("images/*.*"); 
   for ($i=0; $i<count($images); $i++) 
   { 
   $single_image = $images[$i];
   ?>
       <img src="<?php echo $single_image; ?>" width="260" height="260" />
<?php
 }
?>

glob merupakan fungsi global yang dapat kita gunakan dalam hal ini, dan kemudian folder images merupakan nama folder tempan menyimpan gambar, serta *.* , yang berarti kita menampilkan seluruh gambar dengan ekstensi yang ada , seperti JPG, PNG, GIF.

OK.. Demikian artikel Cara Menampilkan Semua Gambar Dalam Folder tanpa Database dengan PHP, Semoga Bermanfaat ya..

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="gbjalan" 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

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