Enkripsi Gambar Base64 dan Memanggilnya dengan HTML

Tidak Ada Tanggapan

Iseng aja sih sebenernya, jadi kalo kita enkripsi gambar, ga perlu upload filenya, cuman copy paste hasil enkripsinya dan masukin ke element <img> di attribute src nya untuk HTML ya. HTML itu bahasa pemrogramman untuk membuat website, Contoh koding nya gini:

<img src="data:image/png;base64,HasilEnkripsinyaDisini"/>

Isi src itu juga bisa di copy paste ke url di browser, nanti tampil gambarnya.

Contoh program nya kalo pake javascript kaya dibawah ini:

---

Enkripsi gambar ke base64 pake javascript
Pilih gambar untuk di enkripsi:

---

Source codenya untuk program di atas:

<!-- Ini untuk pilih gambar -->
Pilih gambar untuk di enkripsi: <input id="inp" type="file" />
<textarea id="b64" style="width:100%;"></textarea>
<img height="150" id="img" />

<script type="text/javascript">// Ini scriptnya
var imgOut = document.getElementById("img");
var b64 = document.getElementById("b64");
function readFile() {
  if (this.files && this.files[0]) {
    var FR= new FileReader();
    FR.addEventListener("load", function(e) {
      imgOut.src = e.target.result;
      b64.innerHTML = e.target.result;
    }); 
    FR.readAsDataURL( this.files[0] );
  } 
}
document.getElementById("inp").addEventListener("change", readFile);
</script>