javascript - 如何在将图片上传到 Firebase 存储后检索下载 Url，以便将其保存到 Firebase 数据库？

Question

下面的代码成功地将图像上传到 Firebase 存储，但我想检索该确切图像的下载 URL 并将其存储在“this.pichaMtumiaji”中，然后将其保存在 Firebase 数据库中。我正在使用 ionic 3!

uploadPhoto(): void {
    this.myPhotosRef.child(this.generateUUID()).child('myPhoto.png')
      .putString(this.myPhoto, 'base64', { contentType: 'image/png' })
      .then((savedPicture) => {
        this.pichaMtumiaji = savedPicture.downloadURL().absoluteString;
      });
  }

generateUUID(): any {
  var d = new Date().getTime();
  var uuid = 'xxxxxxxx-xxxx-4xxx-yxxx'.replace(/[xy]/g, function (c) {
    var r = (d + Math.random() * 16) % 16 | 0;
    d = Math.floor(d / 16);
    return (c == 'x' ? r : (r & 0x3 | 0x8)).toString(16);
  });
  return uuid;
}

Answer 1

基于 Firebase documentation on uploading a file 中的示例:

var ref = this.myPhotosRef.child(this.generateUUID()).child('myPhoto.png');
ref
  .putString(this.myPhoto, 'base64', { contentType: 'image/png' })
  .then((savedPicture) => {

    // Upload completed successfully, now we can get the download URL
    ref.getDownloadURL().then(function(downloadURL) {
      console.log('File available at', downloadURL);
      this.pichaMtumiaji = savedPicture.downloadURL().absoluteString;
    });

  });