Base64 to Blob

[quangas]

Is there anyway we can convert the base64 image from response.data to a bytes/blob?

[marcshilling]

You can do this yourself in JavaScript: See here. Not going to do this in our library because of the performance impact.

[abdurrahmanekr]

When I tried method that you are mentioned. I'm run across an error called "res.blob() is not a function". Because of this error I can use this method:

function urlToBlob(url) {
    return new Promise((resolve, reject) => {
        var xhr = new XMLHttpRequest();
        xhr.onerror = reject;
        xhr.onreadystatechange = () => {
            if (xhr.readyState === 4) {
                resolve(xhr.response);
            }
        };
        xhr.open('GET', url);
        xhr.responseType = 'blob'; // convert type
        xhr.send();
    })
}

var data = 'data:image/png;base64,...';
urlToBlob(data)
.then(blob => {
    console.log(blob)
})

[hoh-yue]

Solution is not work without remote js debugging.

[Johan-dutoit]

FWIW React Native supports, although untested... you could try the following

const response = await fetch(...);
const blob = await response.blob();

[SudoPlz]

Posted an example here, thanks @Johan-dutoit https://stackoverflow.com/a/59002760/1658268

[josealvarez97]

You can do this yourself in JavaScript: See here. Not going to do this in our library because of the performance impact.

Is it slower to use blob/byte arrays? I thought that was faster than base64 in most cases. What do you mean exactly by performance impact?

[snios]

You can do this yourself in JavaScript: See here. Not going to do this in our library because of the performance impact.

Is it slower to use blob/byte arrays? I thought that was faster than base64 in most cases. What do you mean exactly by performance impact?

I agree with you here. Blob should have less performance impact than base64 does.