[SOLVED]How to display an image using firebase and cloud-storage service?

Ionic Framework ionic-v3
1

Hi I am developing an ionic app using firebase as my database.

I uploaded the same image on amazon s3, imgur and filestack, and tried all three in firebase using data:url/<the url of image> and data:image/jpeg;<url of image>.

When I check my app, the image does not appear beside the rest of the data associated with that item.

Am I typing something wrong into firebase?

image

App Screen:
image

I do not want to write code in my ionic app to upload the image etc, I just simply want an image to display on the app relative to the data on my firebase database.

So how can I get the image ti dispay using firebase and cloud-storage(amazon s3 example)?

2

SOLVED.

Used a direct link to the image,
removed data:/url

Hope this helps some one in the future.

1 Like