title: Convert blob to base64
body: <p>This is a snippet for the code that I want to do <code>Blob</code> to <code>Base64</code> string:</p>
  
  <p>This commented part works and that when the URL generated by this is set to img src it displays the image:</p>
  
  <pre><code>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){
  console.log(event.target.result)
  }; // data url!
  var source = reader.readAsBinaryString(blob);
  </code></pre>
  
  <p>The problem is with the the lower code, the source variable generated is null</p>
  
  <p><strong>Update:</strong> </p>
  
  <p>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?</p>