File blob url to base64 | Appsmith | Page 1

stray cobalt Sep 1, 2023, 9:30 AM

#

Hello,

In my project, i have audio's files who need to be post on supabase. i need to use arraybuffer file to upload audio's on supabase.
When i pick an audio (> 5 mb), the filepicker data (filepicker.files[0].data) is a String blob url. i need to create a base 64 string from this blob url.
How can i extract file from this blob url who Appsmith give me ?

prime gladeBOT Sep 1, 2023, 9:35 AM

#

Hey There,

We've registered your query, and our team will get back to you soon.

Regards,
Pranav

prime gladeBOT Sep 1, 2023, 11:47 AM

#

Hello, can you check the solution highlighted in this resource and see if it
works for you?
https://stackoverflow.com/questions/18650168/convert-blob-to-base64

Stack Overflow

Convert blob to base64

This is a snippet for the code that I want to do Blob to Base64 string:

This commented part works and that when the URL generated by this is set to img src it displays the image:

var blob = items...

stray cobalt Sep 1, 2023, 11:59 AM

#

i already tried this solution but it doesn't work ...
reader.readAsDataUrl take a type Blob but data in filepicker is just a blob url string ...

stray cobalt Sep 1, 2023, 12:18 PM

#

same with the fetch solution because blob url string is not a link

stray cobalt Sep 1, 2023, 5:12 PM

#

is there a solution ?

#File blob url to base64