title: URL.createObjectURL returns a blob with null prepended. Eg : Blob:null/12415-63
body: <p>blob has null prepended at the start eg : blob:null/72438-4637-23673-34721. But when I use the same as a src to the , it shows up the correct image.</p>
  
  <p>I am using URL.createObjectURL call. I also tried using webkitURL. Both return a blob with null appended at the start. Also the blob value returned by URL and webkitURL are not the same. </p>
  
  <p>Here is the code snippet </p>
  
  <pre><code>        var dataUrl = canvas.toDataURL();
  
          // The last piece of the data URL after the comma
          var byteString = atob(dataUrl.split(',')[1]);
  
          // Populate an array buffer
          var arrayBuffer = new ArrayBuffer(byteString.length);
          var uint8Array = new Uint8Array(arrayBuffer);
          for (var i = 0; i &lt; byteString.length; i++) {
              uint8Array[i] = byteString.charCodeAt(i);
          }
  
          var blob = new Blob([uint8Array], { type: "image/png" });
          var blobVal = URL.createObjectURL(blob);
  </code></pre>
  
  <p>Here the blobVal has "blob:null/1234-5678-9012- ..."</p>