Hey Everyone I need your help (get and show base64 images on Firebase)

I need help, I want like from upload image im using base64 to add it to the firebase, I want that when I upload image from image picker the image from the firebase which is the base64 will display to the list viewer


from this upload image
Screenshot 2024-10-20 184244
it will display here help me. Thank you in advance Badly need it for my mid term project.

answered here:

https://community.appinventor.mit.edu/t/free-image-list-view-extension-a-fully-customizable-list-view/115099/32?u=timai2

1 Like

Can I ask again is it possible to add image to the list from the firebase? and how to do that can you help me, I badly need it for my project thank you

Do you mean firebase storage ?

The listview works with image urls.

im using base64 to add to firebase, so how can I add the image of base64 to the list? Cause I want upload image and after that the image will be display inside the list thats all

I badly needed help due to youtube lacking tutorials for this problem. Thank you in advance for the help

The ImageListview does not accept datauris, you will need to get the base64String from Firebase, then convert this to a file for the Imagelistview.

You can use this extension:

https://metricrat-hosting.web.app/#19

to convert the base64String to a file, like so:

1 Like

ahm one last question like how can I loop like get multipe image from firebase?

Show an example of your firebase structure

This will be horribly slow if you have lots of images and even worse if they are not size optimised for viewing in a listview.

here like all the image will be on the list view

Any reason the images need to be stored on firebase? You could download and convert them in advance of generating the listview. How and where are these base64Strings created ? Where are the original image files?

I want it like I will upload an image from


from here like any image, I store the image to db because I will create two apps which is for admin and for customer in admin it will upload the images so that in the customer app I can get the images

Have you considered:

  1. Optimising the images for the listview (e.g. resize to 120 x 120 thumbnails) before uploading?
  2. Using firebase storage for the file uploads, which will provide a url of a file, no need to bother with base64?
1 Like

:question:

That will not help for your "other" app, because there will not be any files in the ASD for that app...

yeah I realize sorry

using convert the base64 to image? how can I possibly get the base64 string from firebase for the other app😓

Answer my questions above ...