Cloudinary API upload with upload-preset

Questions about Thunkable
1

blocks
blocks2467×1369 283 KB

Hi all,

I have attached the blocks I am using to upload a photo that has been either taken or chosen from the java script that I was pointed to use to create a base64 image which I then want to A) upload to cloudinary to then use with Google vision. However whatever combination I have tried to use to upload the photo I get a 400 error stating to include the upload_preset which I am doing.

I suspect that this is a formatting syntax issue but cannot find the solution any thoughts on this and I am using the drag and drop builder. I have also added my cloudinary account details under the settings of this project

Thanks

TimCS

2

Hello @tim.casson.smithpc
Maybe Cloudinary API doesn’t accept an image as base64.
You could try uploading the image to a backend (for example Xano), which will then upload it to Cloudinary.

3

Looks like Cloudinary API does support base 64 images

However, looking at the first link maybe I have to add those extra parameters for base64?

Thanks

TimCS

4

Hi @tim.casson.smithpc
According to the docs, the API body needs to be like this:

image
image1221×182 16.8 KB

5

I’m using an unsigned upload folder so there is no signature

Also if the imsge is in a variable how does that work?

6

You could connect a variable on the file field

7

I am doing this and tried two methods

file= + [image64] +
and
file= + image64 +

If this is not the correct method please let me know also I noticed from your example you are using the generate JSON from object block - is there a reason for this? I thought it was just a string with the & separating the fields

8

The API body needs to be a JSON.

9

Oh I thought because the header is set to this Content-Type: application/x-www-form-urlencoded that it would not be in JSON format