Enkripsi Gambar Base64 dan Memanggilnya dengan HTML

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>
Facebook Comments

0 komentar



Diberdayakan oleh Blogger.