Upload HTML Canvas image to Azure Blob storage

Question

Hi,

I am trying to upload a signature (which is in Canvas.toDataURL() format) to Azure Blob Storage. The problem I am facing is that the image I am getting is not in the form that azure accepts.

Can anyone help me with how I can convert it to the required form?

var image = element.toDataURL("image/png").replace("image/png", "image/octet-stream"); 
localStorage.setItem('SignatureValue',image);
window.location.href=image;
return image;