Last active
November 8, 2024 03:55
-
-
Save wuchengwei/b7e1820d39445f431aeaa9c786753d8e to your computer and use it in GitHub Desktop.
dataURL to blob and blob to dataURL
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
//**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); | |
}); |
thank you
much easier than installing plugins lol
can I give the blob a filename? if yes, how
Thank you!
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Credits here https://stackoverflow.com/a/30407959/1154380