Convert Image to Base64 array in JavaScript

It is very easy to convert image to Base64 String in JavaScript. 

To convert you need jQuery library to your html.

Just pass the image to this below imageFileAsBase64(). Get the Base64 value for the image in imagebase64 variable.

1. 
   
2. var imagebase64 = "";  
3.   
4. function imageFileAsBase64(element) {  
5.     var file = element.files[0];  
6.     var reader = new FileReader();  
7.     reader.onloadend = function() {  
8.         imagebase64 = reader.result;  
9.     }  
10.     reader.readAsDataURL(file);  
11. }