Menurut wikipedia, Base64 adalah sekelompok skema pengkodean biner-ke-teks yang mewakili data biner dalam format string ASCII dengan menerjemahkannya ke dalam representasi radix-64. Wahh ribet ya ? 🙂
Versi sederhananya adalah kumpulan karakter atau string. Gambar juga bisa dikonversi menjadi kumpulan string base64. Dengan Base64, gambar yang di-load oleh website akan sangat ringan, karena website seperti memanggil text saja.
Berikut ini adalah contoh kode Konversi Gambar menjadi Base64 dengan menggunakan jQuery
<!DOCTYPE html>
<html>
<head>
<title>How to convert image into base64 string jQuery?</title>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
</head>
<body>
<form>
<input type="file" name="image" onchange="encodeImagetoBase64(this)">
<p class="hasil"></p>
</form>
<script type="text/javascript">
function encodeImagetoBase64(element) {
var file = element.files[0];
var reader = new FileReader();
reader.onloadend = function() {
$(".hasil").text(reader.result);
}
reader.readAsDataURL(file);
}
</script>
</body>
</html>