Storage: What is the public URL of the image?

[ru88s]

I don't know the public URL after uploading the image.
Haw can I access it?

My Bucket.

My Policies.

[inian]

You can right click on the image to get the public URL

[inian]

For public buckets, you dont need to have a RLS policy @rphly

[rphly]

Ah thank you, I was following the docs and thought I had to add a policy :)

[sushiAlii]

Hi thank god I came across this thread, but upon making my 'avatars' public, I still can't seem to retrieve it.. Do I need to do anything?

[VPringle97]

x2

[inian]

Nothing else is required after you make a bucket public, that public URL should work. If it doesnt, create a support ticket here.

[IHIutch]

Been digging into this a bit as well, what would be a pattern for uploading and getting a signedURL in one fell swoop? With the idea being that I could upload a file, get the link, and then store that link in a DB for later?

This example uses storage.download, is that a better pattern to follow?
https://github.com/supabase/supabase/blob/master/examples/nextjs-ts-user-management/components/Avatar.tsx

**Gave this is its own question #1230

[mousindev]

I was getting an error that "resource not found". But now it is fixed and I am getting the expected data from supabase.

Hi @Nazeeh21. I am getting the same error when getting a file from a public bucket (the resource was not found). How did you solve it?
My storage structure looks like this:

• Bucket: public
• folder: logos
• file: 54.png

My code looks like this:

private async getCompanyLogo(companyId: number, logoExt: string) {
    const logoPath = `logos/${companyId}.${logoExt}`;
    const { data, error } = await this.supabase
                            .storage
                            .from('public')
                            .download(logoPath);
    console.log("LOGO", logoPath, data, error);
 }

In terms of policies, I only have one for the storage.objects to ensure that authenticated users can perform all the actions, but no policy for the "public" bucket (but should not be needed as it is public already).

And this is the response I get

Thanks!

[Nazeeh21]

Here is the code where I used it. You can have a look there.

[Nazeeh21]

Also, I think I had changed the bucket permission to public. Initially, it was set to public but don't know why it wasn't working, then I changed tried changing the permission once or twice and it worked.

[mousindev]

Thanks for the quick reply @Nazeeh21 . I tried switching it back to private and then to public as you suggested, but still the same. I also added a policy for the public bucket just in case to allow all readings, but so far no luck either. Any other idea?

[mousindev]

Hi all, just in case anyone else faces the same issue, after getting in contact with the official support, the problem seems to be the name of my bucket (public) which somehow clashed with the API route? Anyway, changing the bucket name to something different than "public" solved the issue for me. Cheers

[tanifort]

Hello Guys, I ran into a similar issue. I successfully uploaded files (MP4) to supabase storage then at download, I received a blob. After converting the blob to a base64 string, I passed it as URI to react-native-video, but it's not playing. There are also no Errors so far. Is my workflow missing any Step(s)???

• Note:
  I'm using a private bucket with some policies on READ and WRITE.

[amirhosein5858]

i had this problem with images
i do this:
base64.replace('data:application/octet-stream;base64' , "data:image/png;base64")

and then it shows in react native