<div class="mainblok">

<div class="phdr">Tải lên hình ảnh Mã hóa Base64</div>

 <div class="list4" style="text-align:center"><input id="imageInput" type="file" onchange="encode();" /></div>

 <div class="list4" style="text-align:center" id="display"></div>

 <div class="list4" style="text-align:center"><textarea id="textoutput" style="width:92%" rows="8"></textarea></div>

 <script>

 function encode() {

 var selectedfile = document.getElementById("imageInput").files;

 if (selectedfile.length > 0) {

 var imageFile = selectedfile[0];

 var fileReader = new FileReader();

 fileReader.onload = function(fileLoadedEvent) {

 var srcData = fileLoadedEvent.target.result;

 var newImage = document.createElement('img');

 newImage.src = srcData;

 document.getElementById("display").innerHTML = newImage.outerHTML;

 document.getElementById("textoutput").value = fileLoadedEvent.target.result;

 }

 fileReader.readAsDataURL(imageFile);

 }

 }

 </script>

</div>