Hi! I’m making a drawing app, and I have a share feature for the drawings. For that, I’ve tried from Media-DB1 call upload image media= image of canvas1. It wasn’t working, so I tried if error- from label1 set text to error. It said [image] . What should I do? Thanks, @codeswept

it doesn’t quite work that way. when you convert an image to base64 - it’s like taking each pixel’s RGB elements plus transparency and converting it to the bit notation that base64 requires. so two people handwriting a number 1, or even something as simple as a dot (period) would consist of several dozen bits and they couldn’t possibly have the same bit pattern (and that’s just a dot!). so their OCR’s won’t match and neither ot them will match the OCR of a “perfect/standard” dot somewhere for comparison. base64 conversion will never achieve that. these two dots look the same … [dot1] [dot2] …but wait till you see how well (?) the base64 translations compare to each other! what you need is something bordering on machine learning and artificial intelligence - the reason some computers can recognize when you write the number , say 2, is because the distribution of the little pixels comprising the number is a close match of a pattern averaged out of several hundreds of thousands of people writing the same number 2. (and that doesn’t even try to match the speed and direction of the dots). matching handwritten input isn’t as simple as comparing base64 - i’m sorry to say - i don’t mean to disappoint you. but keep your curiosity level up. it’s the stuff that drive is made of. don’t be discouraged! someday after you finish more courses in math, machine learning and artificial intelligence will be a piece of cake!

[Screenshot_20210612_152956_com.thunkable.live] Success

Any suggestions? [image] This doesn’t work

I replaced the image of Canvas1 with the Base64 test file from the website of the API provider but the message continues to show up. [Edit] I used the test file in postman and I was able to get the result. It must be a parameter or the internal conversion in Thunkable is producing characters that produce errors in the API verification process.

I’ve been looking at some different APIs but can’t seem to find anything, so I got back to trying to crack this API open but to no avail. [Screen Shot 2021-06-27 at 1.29.03 PM]

The problem is not in the API. I tested it using Postman and passed a Base64 block and It worked. I also made a quick JavaScript/html and tested the same and it also worked. It seems Thunkable passes some extra settings or passes the API in a certain way making it unworkable. I found it the same for other few APIs.

So would I have to post the URL through a webviewer and then have the web viewer send a message back?

Actually, the whole adventure started because we don’t have a URL for the image. We only have a Base64 block. Should we have a URL, then the standard Thunkable component would suffice.

Yeah… I’ve looked on Google for APIs to convert base64 to actual image URLs but can’t find any. I saw @manyone’s topic on a bas64 converter/decoder. I looked at the code and thought I could maybe use the same could for my app, but it didn’t work out: I placed the base64 image in a text input. I copied the string and placed it in the text input of @manyone’s app. It didn’t return anything.

@actech has done it before: [image] Use base64 encoded images Questions about Thunkable You can ask, why should I encode images in base64 format, if I can add many files to the project at once? Because in some cases it’s more convenient to work with base64 - you can quickly update a huge amount of images in the project and get additional information about them (width, height, color depth, type, etc., that you want to add using the script). Below is a php script that displays in the browser window text in base64 format for all graphics files in the specified (“sourceimages”) direc…

you may have already found a site like this but this one can do encode decode between images and base64 https://www.base64decode.net/base64-image-decoder

Uploading an image of a canvas to cloudinary

Questions about Thunkable X

manyone June 28, 2021, 6:50am 95

@actech has done it before:

Topic		Replies	Views
Code blocks for this API Request Questions about Thunkable X cloudinary , webapi	4	510	July 11, 2023
Howdo i upload an base 64 image to Cloudinary Questions about Thunkable X	14	2000	November 12, 2021
How to save a canvas drawing in a google sheet cell? Questions about Thunkable X beginner	21	1289	October 13, 2021
Storing Picture of canvas in airtable for dataviewercomponent Questions about Thunkable X	5	460	January 8, 2021
How to access image taken by thunkable Camera by ChatGPT Web API's	8	275	October 29, 2024

Uploading an image of a canvas to cloudinary

Related topics