Error while displaying images from firebase storage in a grid

I used the following link to store images in firebase storage,but on clicking show images,i am not able to find the photos in a grid,particularly nothing happens on clicking of button .On console,log(URL) ,I found that the URL is [].,but on seeing the firebase storage,I found that the images are stored their,with the respective user Id…

export class HomePage {

private images = [];
  imageUrls = [];

  cameraOptions: CameraOptions = {
    quality: 100,
  constructor(public navCtrl: NavController,public auth:AngularFireAuth,private camera: Camera, private imageSrv: ImageProvider) 

    let data = localStorage.getItem('images');
    if (data) {
      this.images = JSON.parse(data);

  takePicture() {
      .then(data => {
        let base64Image = 'data:image/jpeg;base64,';

        return this.imageSrv.uploadImage(base64Image, this.auth.auth.currentUser.uid);
      .then(data => {
        localStorage.setItem('images', JSON.stringify(this.images));


  private downloadImageUrls() {
    let promiseList = [];
    for (let i = 0; i < this.images.length; i++) {
      let promise = this.imageSrv.getImage(this.auth.auth.currentUser.uid, this.images[i]);

      .then(urls => {
        this.imageUrls = urls;

You topic title mentions an error. What is the error?

There is no error…the output on console is[ ]which is empty… there is no
error on clicking the button…but nothing happen either… is the image size
issue… that it is not been displayed in a grid

What is this? This is not defined in the constructor. No idea how it works or if it e.g. returns a Promise.
Why is there an empty line after the constructor and its ’ {’ ?
What is this.imageSrv.getImage? Looks like this should return the image(s)…

Hi vithika,

I have the same issue. How do you resolve that?