Send file via API connector -- specifically from Xano or browser

pathomap · 2024-09-11T16:22:46.822Z

Hi - I have an API working in Postman that sends a file. How do I send a file via bubble?

Ideally, I would be pulling the image as stored from Xano and/or from a browser or phone.

Jici · 2024-09-11T16:23:57.693Z

The same thing.
Set API Connectot to POST, select form-data, add a parameters “image” and select the box “send file”

pathomap · 2024-09-11T16:28:26.886Z

I am not sure what you mean. I tried a few combinations of things, none of which work.
Here are some combos that did not work.
@Jici - Ideally, the file would be originally taken from xano with an auth header for the user.

image1712×1236 129 KB

image1725×999 71.4 KB

image1704×1201 128 KB

Jici · 2024-09-11T16:59:47.935Z

two first screentshot are “correct” (don’t use JSON body like in third screenshot)
However, the data type on top right is related to the response (@fede.bubble I have requested in the past to change this label to Response type or something like that, maybe you can push on that and give this topic as an example. This happen often).

I’ve checked the API doc, and this should be set to JSON

Which error you get?

pathomap · 2024-09-11T17:01:54.146Z

Thanks for checking the doc. This is an image of the call and error:

image1886×1169 142 KB

There was an issue setting up your call.

Raw response for the API
Status code 403
ERROR: The request could not be satisfied
403 ERROR

The request could not be satisfied.

Request blocked. We can't connect to the server for this app or website at this time. There might be too much traffic or a configuration error. Try again later, or contact the app or website owner.
If you provide content to customers through CloudFront, you can find steps to troubleshoot and help prevent this error by reviewing the CloudFront documentation.
Generated by cloudfront (CloudFront)
Request ID: _c6t5G26b1IMd30-1CGNhO3tpGWc3AjetkZylwlIdincLkaoUei5EA==

pathomap · 2024-09-11T17:10:45.990Z

@Jici - If it helps … though I am able to get the ‘Get’ calls to work in Postman, they are not working in Bubble. The auth header is copy and pasted and tested both before and after.

image1615×906 59.2 KB

image2210×1431 222 KB

image1603×1150 77.6 KB

Jici · 2024-09-11T17:13:44.716Z

Did you set something in Authorization part in top of API connector ou you selected none/self-handled?
I’ve done a test on my side and didn’t get any issue.

Jici · 2024-09-11T17:15:58.444Z

screenshot-bubble.io-2024.09.11-13_14_59929×810 43.3 KB

You can use Bubble auth section or set header, but not both. Here’s what I have and work.

pathomap · 2024-09-11T17:26:01.170Z

@Jici -Here is the whole set-up. I cannot get a value for either the Get or Post

image1561×1403 161 KB

Jici · 2024-09-11T17:30:26.834Z

You selected private key in url. It should be private key in header

pathomap · 2024-09-11T17:32:19.758Z

@Jici - Still doesn’t work. I created a new API key.

image1517×1348 138 KB

Jici · 2024-09-11T17:38:01.858Z

Do you get the same error?

Actually, I don’t see any difference between you last screenshot and mine (you can keep action, it make more sense and it doesn’t change anything on request).

Sometimes, when you play a lot with API call, the call can get corrupted. Start from scratch in another call.

pathomap · 2024-09-11T17:39:24.720Z

Still not working. Is it possible the API blocked me?

Jici · 2024-09-11T18:06:45.853Z

Found that user was not on last Bubble version and the user-agent header was mandatory by this API. Added user-agent and it’s fixed now.