Menampilkan Gambar Pada HTML Tanpa File Terpisah

Menampilkan Gambar Pada HTML Tanpa File Terpisah

Menampilkan Gambar Pada HTML Tanpa File Terpisah

Umumnya untuk menampilkan gambar pada HTML membutuhkan sebuah tag misalnya,:

<img src=”https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgiYWy1nVA0vsxP1rtso8mmwYSQFQ-A6chn5pBhJ-N4ok54H0ejnrYW0InSyFFBnzUtRNQ6W6NfP7DokFFsEmtAf_cBbLkTtolfbo4VP6Ybxod0fMUp2WMH75o3T4VNMOW-sqecJlSjnidv/s1600/html7.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)” alt=”" />

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.

’; /* 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 Menampilkan Gambar Pada HTML Tanpa File Terpisah

Sorana Indonesia

Jangan asal copy paste, baca aturanya di sini !  Post By Lae Afif  

Media Informasi Online

TV Online
Semoga artikel Menampilkan Gambar Pada HTML Tanpa File Terpisah bermanfaat bagi Anda. Jika anda suka dengan artikel Menampilkan Gambar Pada HTML Tanpa File Terpisah ini, like dan bagikan ketemanmu.

Bagikan ke :

Facebook Google+ Twitter Digg Technorati Reddit

Artikel Menarik Lainnya