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

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 ...

  1. No
  2. is yes using firebase to upload ang get a url of the image , like upload from image picker it will convert into url and it will be stored to the firebase so in the other app I will get the url of the image from firebase to set it inside the list viewer
  1. You should, this will speed things up
  2. Yes

for number 2 How to do it? like what blocks should I use

firebase storage
image

firebase rtdb

blocks (I used three web components for the three functions,but you could use just one, by setting action variables. You will also need to setup a routine for the sequential numbering of your images)

listview output
image

ref

just wow thanks


can I ask what links are these.Can You provide the whole link? thank you TIMAI2

If you want to optimise your images (make thumbnails) as well, you can use my ImageConvertor extension like so:

1 Like

Thank you but Can I see what links did you put inside there so I can have Idea?