Menampilkan Gambar Pada HTML Tanpa File Terpisah

Umumnya untuk menampilkan gambar pada HTML membutuhkan sebuah tag misalnya , tapi ternyata ada cara lain untuk menampilkan gambar tanpa file terpisah.

Caranya seperti biasa, hanya ditambahkan beberapa data pada atribut src saja.

Penjelasan:

(MIME) diisi dengan jenis gambarnya, misal image/jpeg, image/png, image/gif, dll. Sedangkan (base64) maksudnya adalah data dalam bentuk biner yang telah di-encode dalam bentuk base64.Misal saya ingin menampilkan gambar berjenis PNG, file gambarnya bernama gambar.png.

Langkah pertama adalah mengambil isi dari file gambar.png kemudian di-encode kedalam bentuk base64.

Potongan kode PHP dibawah ini saya buat sebagai contoh saja untuk mengambil isi dari file gambar.png kemudian tampilkan ke browser dan tulis kedalam file gambar.txt dalam bentuk base64.

$imgbinary = base64_encode(fread(fopen($imgfile, “r”), filesize($imgfile))); /*masukkan data ke dalam variabel $imgbinary */

echo ‘’; /* tampilkan ke browser */

$handle = fopen(“gambar.txt”, “w”); /* buat handle untuk membuka file gambar.txt dengan mode write */fwrite($handle, $imgbinary); /* tulis data dari variabel $imgbinary kedalam file gambar.txt */fclose($handle); /* lepaskan handle */?>

Oke selamat mencoba. Trims.