[Free] Base 64 extension. File to/from Base 64

[Juan_Antonio]

Base 64 extension.

With this extension we can:

• Convert an image, sound, video, pdf file,... to a Base 64 string.

• Convert a Base 64 string to file.

• Convert the Picture of an Image component to Base 64.

• Set a Base 64 string as Picture in an Image component.

• Convert a Picture from a Canvas to a Base 64 string.

• Take a Picture with the Camera and convert it to Base 64 string

• Download a file from the internet and convert it to Base 64.

• Convert a Uri to Path.

- Why convert a file to Base 64?

• To save it to a TinyDB.
• To upload a text string to the internet, instead of a file (for example by PHP).
• To work directly with the image without previously converting it to a file (for example TakePicture with Cam and load it in Canvas directly.)
• Draw on a Canvas and pass it directly to an Image component.

- Where can we download the updated extension?

http://kio4.com/appinventor/277_extension_imagen_string.htm

- What blocks does the extension have?

• I, @Juan_Antonio, as the author of this extension, allow any user to use it in their application for the MIT App Inventor Summer Appathon 2023.

[Juan_Antonio]

1.- Image file in assets to Base 64. Base 64 to File in ASD. Show in Image2.

Base64_Simple.aia (487.9 KB)

[Juan_Antonio]

2.- Interesting examples in this topic:

Save image, sound, clip (video), canvas in TinyDB. Extension Base 64. Download file from the web and convert it to string

In this old topic I put an example to take an image with the Cam, convert it to a Base 64 string, save that string in a TinyDB. Read the content of the string from the TinyDB, convert it to a file and display it in an image component. I used the com.KIO4_Base64.aix extension that you can download from: Create Build Crear App Inventor Extensions Añadir librería externa Add lib Extension. @UsesLibraries. Pasar imagen a String y viceversa. Base 64. ![base64_23|690x461] [I, Juan Antonio (@Juan_An…

[Juan_Antonio]

3.- More examples in this Community:

https://community.appinventor.mit.edu/search?q=com.kio4_base64.aix

[luc74]

Hi Juan,
which is the correct path to read the files for the "File to String" component?
in other word I should get a file in this folder, but it can't find it: file:///storage/emulated/0/Pictures/
If I check the string of the component "When KIO4_Base64 Got String" says "File not found"...
I have Android 11, maybe it gives some problems?
can you help me?
thanks

[Juan_Antonio]

@luc74
Try this:

Base64_Simple_Picture.aia (488.5 KB)

[luc74]

Thanks Juan,
but the problem is only in the path read by component "FileToString".
here my blocks:

The file exist as proved by the component FileExists and also the MimeType is correctly taken.
But only String doesn't work: the label Check_string says: "File not found"...

[Juan_Antonio]

Check the code of my previous application.
Use "FileToStringASD"

[luc74]

what should I see in label 3 after button 4 is pushed?
in my phone using the AI Companion the label simply disappears... or is blank...

if I compile the app and use it, the 3rd label say false and correctly the last label says File not found....

[Juan_Antonio]

Possibly it will be a problem with Android 11.

Try blocks
FileToStringDirect
set absolute path (/storage/emulated/0/Android/data/'namepackage'/files/aaa.png)

StringToFileASDDirect
set absolute path

Save image, sound, clip (video), canvas in TinyDB. Extension Base 64. Download file from the web and convert it to string

In this old topic I put an example to take an image with the Cam, convert it to a Base 64 string, save that string in a TinyDB. Read the content of the string from the TinyDB, convert it to a file and display it in an image component. I used the com.KIO4_Base64.aix extension that you can download from: Create Build Crear App Inventor Extensions Añadir librería externa Add lib Extension. @UsesLibraries. Pasar imagen a String y viceversa. Base 64. ![base64_23|690x461] [I, Juan Antonio (@Juan_An…

[luc74]

Thanks Juan_Antonio!!! now it works!
great job!

[VED_INFOTECH]

on android 11 How to convert xlsx file to string. xlsx file in in download folder and created by another application.

[Juan_Antonio]

I have not tested directly with a file in Download on Android 11.
Try this, copy the file from Download to ASD (File component), pass it to base64 in the ASD directory.

[VED_INFOTECH]

Thanks it worked

[shekhar.mehta]

I am trying to use KI04_Base641 ImageToBase64

When I finally save the file

using KIO4_Base641.AfterImageBase64 ( using the base64Data )

THe file written is 4x smaller in both the x and y dimension.

My original file was 2268x2268 pixels and the saved file is 567x567 pixels
I thought the encode be in the same numbers (unless I am missing something)

Thanks

Shekhar

[TIMAI2]

The image component will do some rescaling of the image if sizing is set to automatic. You may need to set the image component dimensions to the size of the image (perhaps use another image component "off screen" for this).

If you want to resize (not much point having a square image any bigger than 500x500 for a phone) use an extension that can resize the file from disk...

Taifun Image
Image Convertor

There are also extensions that will work with a file from disk to base 64:

Base64-Convertor