Download image from storage Firebase

Ionic Framework ionic-v3
1

Hello!! I’m new in this forum…
I was try to use the storage of firebase to download image after click the button in my app.

But I can not make it.

Someone can help me pls?

2

What code do you have so far?
What does it do?
How does that differ from what you want it to do?

3

I follow a video on Youtube and other on google and now i do this but don’t work:

HOME.html

<ion-header>
  <ion-navbar color = "primary">
    <ion-title>
      Ionic Blank
    </ion-title>
  </ion-navbar>
</ion-header>

<ion-content padding>
  <button ion-button (click)="store()">Upload</button>
  <button ion-button (click)="display()">Display</button>
  <img src="{{imgsource}}">
</ion-content>

HOME.ts

import { Component, NgZone } from '@angular/core';
import { NavController } from 'ionic-angular';

import { FileChooser, FilePath, File } from 'ionic-native';

import firebase from 'firebase';

@Component({
  selector: 'page-home',
  templateUrl: 'home.html'
})
export class HomePage {
  nativepath: any;
  firestore = firebase.storage();
  imgsource: any;
  constructor( public navCtrl: NavController, public zone: NgZone) {

  }
  
  store() {
    FileChooser.open().then((url) => {
      (<any>window).FilePath.resolveNativePath(url, (result) => {
        this.nativepath = result;
        this.uploadimage();
      }
      )
    })
  }
 
  uploadimage() {
    (<any>window).resolveLocalFileSystemURL(this.nativepath, (res) => {
      res.file((resFile) => {
        var reader = new FileReader();
        reader.readAsArrayBuffer(resFile);
        reader.onloadend = (evt: any) => {
          var imgBlob = new Blob([evt.target.result], { type: 'image/jpeg' });
          var imageStore = this.firestore.ref().child('image');
          imageStore.put(imgBlob).then((res) => {
            alert('Upload Success');
          }).catch((err) => {
            alert('Upload Failed' + err);
          })
        }
      })
    })
  }
 
  display() {
    this.firestore.ref().child('image').getDownloadURL().then((url) => {
      this.zone.run(() => {
        this.imgsource = url;
       })
    })
  }
}

And i put my var config in app.module.ts

But when i try to start the application the give me this:

 @ ./node_modules/firebase/utils/promise.js 14:76-103
 @ ./node_modules/firebase/app/firebase_app.js
 @ ./node_modules/firebase/app.js
 @ ./node_modules/angularfire2/firebase.app.module.js
 @ ./node_modules/angularfire2/index.js
 @ ./src/app/app.module.ts
 @ ./src/app/main.ts
4

Hello .I am new to ionic .i uploaded images directly into firebase storage.how to display them in my app.