Successfully Saving base64 Image to Azure Blob storage but blob image always broken/small white box
<p>I have a image converted to base64 I am trying to upload to my azure blob storage using createBlockBlobFromText.</p>

<pre><code>self.blobServer.createBlockBlobFromText(containerName, fileName, baseStrChars, { contentSettings: { contentType: 'image/jpeg' } }, function(error, result, response) {
     if (error) {
         console.log(error);
     }
     console.log("result", result);
     console.log("response", response);
});
</code></pre>

<p>My new jpeg image appears in blob storage container but when I go to the blob image URL I always get <a href="http://i.stack.imgur.com/BaxbD.png" rel="nofollow">this</a>.</p>

<p>My container's access policy is set to container and I pasted my base64 string to a base64 to image converter and the correct image appears. The problem seems to be the way I create the blob and not the base64 string.</p>

<p>I am puzzled as to why the whole flow seems to be working, but still the image is broken when I go to the URL. Any ideas ?</p>