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/AVvXsEhqROvvQgNloMQmV_z9yddd746toAsxHo9S7qE4qdU0C3WHV0J8MKzx6JEQMq8UnvaqWvlEUeYSreJRYUtdWO61GBqL1IzFOvNO_9_pPPuyPV2rhaE7jpTymnJCyu5RSiipvIiQxfBwR145/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.

Menampilkan Gambar Pada HTML Tanpa File Terpisah

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

Title Post: Menampilkan Gambar Pada HTML Tanpa File Terpisah
Rating: 100% based on 99998 ratings. 5 user reviews.
Author: Unknown

Terimakasih sudah berkunjung di blog Sorana Indonesia, Jika ada kritik dan saran silahkan tinggalkan komentar