To transform a Base64 string into a javascript file object that is identical to the one generated from a file input form, you can follow these steps:
var b64Data = "data:image/png;base64,iVBORw0K...";
var contentType = "image/png";
var byteCharacters = atob(b64Data.split(',')[1]);
var byteArrays = [];
for (var i = 0; i < byteCharacters.length; i++) {
byteArrays.push(byteCharacters.charCodeAt(i));
}
var blob = new Blob([new Uint8Array(byteArrays)], {type: contentType});
var fileName = "myImage.png";
var file = new File([blob], fileName, {type: contentType});
Now you have a javascript file object that is identical to the one generated from a file input form, and you can use it in your code as needed.
Asked: 2022-09-30 11:00:00 +0000
Seen: 11 times
Last updated: Feb 28 '22