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

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.

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

1 Like

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.

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?

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

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==

@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.

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.

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

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

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

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

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.

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

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.