使用 firebase Url 将图像保存到画廊 ionic 3

Question

我正在开发 ionic 3 应用程序，它可以从 firebase 下载图像。 图片可以通过提供网址成功下载。

通过提供图像的常规链接，例如this

图像将被下载。这是有效的。

但如果我提供一个 firebase 存储 url 喜欢https://firebasestorage.googleapis.com/v0/b/myapp.appspot.com/o/1.jpg?alt=media&token=xxx

它不会下载。在控制台中我可以看到图像路径，当我点击它时它会在浏览器中打开。但是当我在 android 上运行它时它不会下载。

我该如何解决这个问题？

我的下载代码

download()
{
 var url =  'https://firebasestorage.googleapis.com/v0/b/myapp.appspot.com/o/1.jpg?alt=media&token=ea450d47-b12c-4bcc-9e35-c2aba22bc155'
      var album = 'MyAppName';
      this.photoLibrary.saveImage(url,album).then((entry=>{
        console.log('download complete: ' + entry.photoURL);
        this.presentToast('download complete:' + entry.photoURL);
      }),
      (error) => {
        // handle error
        this.presentToast(error);
        this.loader.dismiss();
      });
}

我刚刚发现正在下载令牌而不是图像

Answer 1

首先，您需要将图像存储在 firebase 上，将“MyImage”更改为您的 firebase 存储。 然后通过调用 saveToAlbum 函数获取 url 并将图像保存在相册中

getImage(image: string) {
     try {
         this.firebase.storage().ref().child("/myImages/" + image).getDownloadURL().then(function(url) {
             this.saveToAlbum(url)
         });
     } catch (e) {
         console.log(e);
     }
 }


saveToAlbum(url){
let album = 'MyAppName';
  this.photoLibrary.saveImage(url,album).then((entry=>{
    console.log('download complete: ' + entry.photoURL);
    this.presentToast('download complete:' + entry.photoURL);
  }),
  (error) => {
    // handle error
    this.presentToast(error);
    this.loader.dismiss();
  });

}