xybrek xybrek - 1 year ago 235
Javascript Question

Convert blob to base64

This is a snippet for the code that I want to do


This commented part works and that when the URL generated by this is set to img src it displays the image:

var blob = items[i].getAsFile();
//var URLObj = window.URL || window.webkitURL;
//var source = URLObj.createObjectURL(blob);
//console.log("image source=" + source);

var reader = new FileReader();
reader.onload = function(event){
}; // data url!
var source = reader.readAsBinaryString(blob);

The problem is with the the lower code, the source variable generated is null


Is there an easier way to do this with JQuery to be able to create Base64 String from Blob file as in the code above?

Answer Source
 var reader = new window.FileReader();
 reader.onloadend = function() {
                base64data = reader.result;                
                console.log(base64data );

Form the docs readAsDataURL encodes to base64

Recommended from our users: Dynamic Network Monitoring from WhatsUp Gold from IPSwitch. Free Download