Umumnya untuk menampilkan gambar pada HTML membutuhkan sebuah tag <img src=”lokasi/gambar.jpg” />, tapi ternyata ada cara lain untuk menampilkan gambar tanpa file terpisah.
Caranya seperti biasa, hanya ditambahkan beberapa data pada atribut src saja.
<img src=”data:(MIME);base64,(base64)” />
Penjelasan:
(MIME) adalah jenis dari file gambar yang akan dimasukkan, 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.
<?php $imgfile = "gambar.png"; //nama file $imgbinary = base64_encode(fread(fopen($imgfile, "r"), filesize($imgfile))); //masukkan data ke dalam variabel $imgbinary echo '<img src="data:image/png;base64,' . $imgbinary . '" />'; //tampilkan ke browser ?>
