I want to display base 64 image in MIT App Inventor which is stored in FIRBASE REALTIME DATABASE

[Deepak_Solanki]

Kindly help me out, since i cannot find exact solution for my problem.
Actually, i want to display image that is stored in base 64 form on Firebase realtime database in MIT APP Inventor.
Please help me out with

• which extensions should be used.
• block coding

[marco_tanzi]

The simplest way is to download as image and retrive it witn an image component,or you can use a webviewer to display base64 image

[TIMAI2]

You can use the first extension here to display the base64 in an image component:

Base64 Tools - four little ones ;)

These three simple individual extensions are already rolled into Juan's Base64 extension, but I believe it may be useful to some to have access to individual functions for specific needs.... There is now a fourth little one, not included in Juan's extension, for the Canvas ImageSprite. Image To/From Base64 This extension has two functions, the first will convert whatever image is in an image component to a base64 string, the second will load a base64 string to an image component. There is an …

or as Marco has indicated you can use a webviewer to display the image:

[Deepak_Solanki]

Thank you so much for replying. Highly Appreciated!
Can you please tell me how to set and view picture in image component.
Please anyone paste here the snippet of Whole block diagram of this.
I do not know whether I am doing right or wrong.
Thank you in advance.

[TIMAI2]

I showed you the block required above. You need to import the extension.

[ABG]

@Deepak_Solanki

i want to display image that is stored in base 64 form on Firebase realtime database in MIT APP Inventor.

Your Button1 Click event assumes the data will arrive from FireBase instantly after you ask for it. That's not the case.

You need the FireBase Event block that fires when data arrives from Firebase, to capture the 64 bit encoded data into a global variable, and initiate the picture conversion and display.

[ABG]

(added to FAQ)

FAQ Section: Images

Component to Image Extension - Jerin Jacob Image Cropping extension - ILoveThunkable More Image Cropping Extensions Image manipulation extension - Mika Image Picker based on Activity Starter and wild card - Taifun Image Picker Extension 1000 images - Juan Antonio Image to/from Text Base64 Converters - Sivagiri Visakan, Juan Antonio Images in Google Drive - TimAI2 Pedroza Thumbnail extension Upload Images to your own Google Drive - Ct Tricks @ Kodular Convert Image from one format to an…

[TIMAI2]

A bit more hand holding for you:

Assumes you have a suitable base64String for an image stored under the tag imageBase64 in your Firebase project.

Using webviewer

Using base64 extension

[Deepak_Solanki]

Thank You So mcuh. Highly appreciated for your concern and time that you have given to.
This block of code seems excellent, but why this is showing error in in my app.

the screenshot of my firebase which is having image as base 64

and you can also check my block coding that i got from you @TIMAI2

[Deepak_Solanki]

here is error

[TIMAI2]

Well, as you should be able to see you already have the datauri with your base64String

my code blocks are adding the datauri to a base64String.

Remove the datauri from the blocks.....