[Solved] how do I base64 encode an image?

[muneer]

The last one is easy. An image from Canvas is already in Base64 format. You just need to use this block

The other two requires either AJAX or Node.js libraries if needed as independent extensions but the image from photo library and image from camera are already supported by my Web Viewer so practically it is all supported.

See this screenshot

Once you click on the Choose File button you are prompted to select between camera or files in your mobile.

[muneer]

To save the image of Canvas in Google Drive see my demo
https://x.thunkable.com/projectPage/618cfa678cdb0f0011998dbe

and this is the tutorial for it

Save Canvas Image to your Google drive

For this tutorial you will need to code a short script in Google Apps Script which you can access it from within Google Drive. You will need to use Web API component to talk to the script you created in Google Apps Script and pass the parameters using the Query Parameter section the the Body section. The Base64 image cannot fit into the Query Parameter section and therefore will will need to pass it using the Body section of the Web API. The Thunkable project is very simple and is used to demo…

[stephane_golonkaa71]

I already saw your demo, but when image of canvas is resize, image is no more in base64 format. For the two other point I don’t want to click on button on web_viewer

Thank you