Cara menampilkan image di php

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

Cara menampilkan image di 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

Artikel kali ini akan bercerita tentang belajar membuat gambar dengan php. Memang bisa membuat gambar dengan PHP? Jawaban nya "BISA BANGET". Sekarang mari kita mulai saja cara mudah belajar php image.

Pada tutorial php ini kita akan belajar membuat sebuah gambar pada php dengan mneggunakan xampp dan saya beri tulisan atau saya beri text sendiri. Untuk membuat program gambar dengan php kita tidak perlu mahir php pemula pun bisa membuat nya, simak saja langkah langkah pembuatan nya:

  • Buatlah sebuah file php dengan nama image.php
  • Buat gambar dengan ukuran 555 px x 280 px
    $img = imagecreatetruecolor(555, 280) or die ("Gambar tidak dapat dibuat");​
  • Deklarasikan warna yang akan kita gunakan
    		$white = imagecolorallocate($img, 255, 255, 255);
    		$grey = imagecolorallocate($img, 128, 128, 128);
    		$purple = imagecolorallocate($img, 102, 65, 149);
    		$black = imagecolorallocate($img, 0, 0, 0);
    		$orange = imagecolorallocate($img, 219, 72, 21);​
  • Deklarasikan jenis font yang akan digunakan beserta file font nya
    $font = arial.ttf';​
  • Deklarasikan text yang akan dimasukan pada gambar
    $text = 'belajar php dari dasar sampai mahir dengan xampp';​
  • Deklarasikan warna yang akan kita gunakan sebagai backgrund dari gambar
    $bg = $purple;​
  • Buatlah text (Saya akan membuat text dengan efek bayangan)dengan menggunakan size font 17
    		// Text Efek Bayangan
    		imagettftext($img, 17, 0, 20, 202, $grey, $font, $text);
    
    		// Text Asli
    		imagettftext($img, 17, 0, 18, 200, $white, $font, $text);​
  • Bentuk gambar dengan tipe PNG
    		header( "Content-type: image/png" ); 
    		imagepng( $img );
    		imagecolordeallocate( $bg );
    		imagedestroy( $img ); ​

Cuman segitu aja cara memasukan gambar dengan menggunakan php. Untuk Source Code lengkap nya kamu dapat lihat di bawah ini

		$img = imagecreatetruecolor(555, 280) or die ("Gambar tidak dapat dibuat");​
		$white = imagecolorallocate($img, 255, 255, 255);
		$grey = imagecolorallocate($img, 128, 128, 128);
		$purple = imagecolorallocate($img, 102, 65, 149);
		$black = imagecolorallocate($img, 0, 0, 0);
		$orange = imagecolorallocate($img, 219, 72, 21);​
		$font = arial.ttf';​
		$text = 'belajar php dari dasar sampai mahir dengan xampp';​
		$bg = $purple;​
		// Text Efek Bayangan
		imagettftext($img, 17, 0, 20, 202, $grey, $font, $text);

		// Text Asli
		imagettftext($img, 17, 0, 18, 200, $white, $font, $text);​
		header( "Content-type: image/png" ); 
		imagepng( $img );
		imagecolordeallocate( $bg );
		imagedestroy( $img ); ​

Cara menampilkan gambar dengan php cukup kamu masukan kode html di bawah ini

echo '';

atau kamu dapat memanggil file image.php langsung dari browser. untuk demo nya kamu dapat melihat gambar pada bagian atas artikel ini.