Cara Convert Teks dan Code Apapun ke Base64 Menggunakan Script Base64

Kali ini saya akan membagikan tutorial cara mengkonvert teks atau code apapun menggunakan script Base64. Sebelumnya saya akan menjelaskan sedikit tentang apa itu Script Base64 dan juga fungsi dari script Base64 ini.

Dikutip dari WIKIPEDIA bahwa :

Base64 adalah sekelompok skema pengcodean biner-ke-teks yang mewakili data biner dalam format string ASCII dengan menerjemahkannya ke dalam representasi radix -64. Istilah Base64 berasal dari penyandian transfer konten MIME tertentu . Setiap digit Base64 mewakili tepat 6 bit data. Tiga byte 8-bit (yaitu total 24 bit) karenanya dapat diwakili oleh empat digit Base64 6-bit

Sumber : https://en.wikipedia.org/wiki/Base64

Script Base64 sendiri banyak digunakan dalam berbagai fungsi. Diantaranya yaitu:

1. Mengkonvert Teks menjadi code Base64 atau sebaliknya.
2. Mengkonvert code html, css, javascript dan code berbentuk teks menjadi code base64 atau sebaliknya.
3. Mengkonvert file gambar menjadi code base64 atau sebaliknya.
4. Mengkonvert Link Url menjadi code Base64 atau sebaliknya.
5. Dan masih banyak lagi.

Contoh code Base64 adalah seperti berikut:

Sebuah Teks dengan kata seperti berikut :

ini adalah contoh teks biasa

Jika kita convert menjadi code Base64, maka akan menjadi seperti berikut:

aW5pIGFkYWxhaCBjb250b2ggdGVrcyBiaWFzYQ==

Cara Meggunakan Script Base64

Untuk menggunakan script Base64 ini, kamu bisa menggunakan script dibawah ini.

<script src='https://cdn.statically.io/gh/dankogai/js-base64/e8a9a09e/base64.min.js'></script>

Untuk Mengkonvert teks menjadi code Base64, kamu cukup melakukan panggilan menggunakan code dibawah ini :

Base64.encode('masukkan text disini');

Ket:

Teks yang saya beri warna kuning adalah teks yang ingin dirubah menjadi code Base64.

Sedangkan untuk mengembalikan code Base64 yang telah dikonvert, kamu cukup melakukan panggilan menggunakan code dibawah ini :

Base64.decode('masukkan code Base64 disini');

Contoh Penerapan di HTML

Sebagai contoh, saya akan membuat sebuah panel input yang akan menkonvert teks menjadi code base64 atau sebaliknya seperti berikut:

Untuk membuat panel seperti ini, kamu cukup menuliskan code javascript seperti berikut :

Code HTML :

<div>
<textarea id="inputOutputBase64" placeholder="Masukkan Text atau Code Base64" style="height: 200px; width: 80%;"></textarea><br />
<div>
<button onclick="convertToBase64()">Convert To Base64</button>
<button onclick="convertToText()">Convert To Text</button>
</div>
</div>

Code Javascript :

<script src="https://cdn.statically.io/gh/dankogai/js-base64/e8a9a09e/base64.min.js"></script>
<script>
//<![CDATA[
function convertToBase64() {
    document.getElementById('inputOutputBase64').value = Base64.encode(document.getElementById('inputOutputBase64').value);
};

function convertToText() {
    document.getElementById('inputOutputBase64').value = Base64.decode(document.getElementById('inputOutputBase64').value);
};
//]]>
</script>

Kamu dapat mengkonvert teks ataupun code lain menjadi code Base64. Cukup pastekan teks ke dalam box input, lalu tekan convert. Maka teks akan terconvert menjadi code Base64.

Jika ada yang ingin di tanyakan, silahkan komentar di bawah. Secepatnya akan saya balas.
Terimakasih sudah berkunjung.