How to access an image stored in Supabase Storage Bucket?

Plasmic Studio Questions
1

Hi,

Non-developper here.
Following the documentation, I can successfully upload a picture to my Supabase Storage Bucket through the Component “File Upload”, but after that? I can’t figure for the life of me how to access this picture to show it in Plasmic.

Indeed, what I want is simply to have this image just uploaded from the user to be displayed as their new profile picture.

I understand that I think I need the image url of the file just uploaded, but how do I access it? How do I have this URL appear in my database of my Users table?
As so far what I can get in my Database is not a url:

image
image2221×508 72.7 KB

image
image2183×901 128 KB

I really searched everywhere on youtube, in the documentation, on this forum or even on the internet, but I am sorry to say that I couldn’t find anything related to that.
I must miss something because that sounds like something super classic!

Any help would be very appreciated. :slight_smile:

2

Your upload image interaction will return the ID of the generated image, which you can use to deduce the image URL.
For a detailed guide, you can watch our YouTube tutorial on building a Twitter clone using Plasmic, where similar functionality is demonstrated (e.g., creating tweets with images or editing a profile to upload a new profile picture).

3

Thanks ! I will check this out !