Invalid Base64 image url

[OtabekEshpulatov]

I'm extracting images from a PDF, and they are in uint8clampedarray format.

I want to convert the array into base64 format so I can process it later.
Here is how I'm trying to convert:

 function uint8ToBase64Async(uint8array) {
        return new Promise((resolve, reject) => {
            const blob = new Blob([uint8array]);
            const reader = new FileReader();
            reader.onload = () => {
                // The FileReader result is a Data URL: "data:MIME_TYPE;base64,CONTENT"
                const dataUrl = reader.result;
                // Safely extract ONLY the Base64 content
                const base64Content = dataUrl.split(',')[1];
                resolve(base64Content);

            };
            reader.onerror = reject;
            reader.readAsDataURL(blob);
        });
    }

But still, it's producing an invalid BASE64 URL. What are your thoughts?

[calixteman]

It's because the bytes you get are for a RGBA image.
So if you want a jpeg image, you've to use "draw" the bytes on a canvas and then convert the canvas into a blob for a jpeg image.

[OtabekEshpulatov]

Thanks for the response.

I found the solution through this stackoverflow post: https://stackoverflow.com/a/70952377/24516024
Basicly I needed to add some kind of alpha channel to process further. So it worked