Accessing Bubble's Image URL After Upload?

Need help
1

Hi,

Question: How can I easily acces Bubble’s URL?

Context: When the user uploads an image through “file uploader”, Bubble creates 2 URLs:

1. File Uploader URL: Easy to find but doesn’t work for API calls.
2. Bubble URL: Contains extra data and works for API calls, but I can’t manage to have access to it.

Example:

Any help would be appreciated!

Thanks!

3

The URL provided from fileuploader file:URL should be the same as what you would get from Bubble URL since once a file is uploaded and becomes available to the fileuploader, it is already in the Bubble file manager.

Where do you get this from?

1 Like
4

Sure? I get this URL when I click in the file within the file manager (see image).
I follow this 2 steps:

Step 1: Go to file manager and click the file.

CleanShot 2024-12-21 at 12.02.48@2x
CleanShot 2024-12-21 at 12.02.48@2x1920×1200 212 KB

Step 2: I get this url

CleanShot 2024-12-21 at 12.03.24@2x
CleanShot 2024-12-21 at 12.03.24@2x1920×1200 67.2 KB

Any idea how I can get this URL to send via API?

5

add https: in front of the fileuploader value URL

1 Like
6

I tried but it doesn’t work. This is what I’m sending to the API, do you see something wrong?

https:////bf6b87dc1c0662e337a82374194d8629.cdn.bubble.io/f1734801627639x695974387216883300/png-transparent-youtube-logo-youtube-logo-computer-icons-subscribe-angle-rectangle-airplane-thumbnail.png

7

Yes, looks like added https:// instead of https: since your URL has 4 / instead of 2

8

You are right, just did a quick test and it works. Thanks!

I’m using this plugin, so I’ll write them to ask them to solve the bug and meanwhile fix it with some regex code.