Skip to content

Instantly share code, notes, and snippets.

@junicodes
Forked from antony/Blob to Data Url
Created February 21, 2020 10:07
Show Gist options
  • Save junicodes/67e37f1a595329b5c3f73b3c13525484 to your computer and use it in GitHub Desktop.
Save junicodes/67e37f1a595329b5c3f73b3c13525484 to your computer and use it in GitHub Desktop.
From: https://stackoverflow.com/questions/23150333/html5-javascript-dataurl-to-blob-blob-to-dataurl
//**dataURL to blob**
function dataURLtoBlob(dataurl) {
var arr = dataurl.split(','), mime = arr[0].match(/:(.*?);/)[1],
bstr = atob(arr[1]), n = bstr.length, u8arr = new Uint8Array(n);
while(n--){
u8arr[n] = bstr.charCodeAt(n);
}
return new Blob([u8arr], {type:mime});
}
//**blob to dataURL**
function blobToDataURL(blob, callback) {
var a = new FileReader();
a.onload = function(e) {callback(e.target.result);}
a.readAsDataURL(blob);
}
//test:
var blob = dataURLtoBlob('data:text/plain;base64,YWFhYWFhYQ==');
blobToDataURL(blob, function(dataurl){
console.log(dataurl);
});
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment