Firebase getDownloadURL从存储无法设置Img Src

Question

我试图在这里复制这个问题的结果。我可以对有效的数据库子级调用getDownloadURL()，但它返回的结果似乎不能设置为IMG的src。这是我当前用来尝试获取下载URL的代码：

var storage = firebase.storage();
var storageRef = storage.ref();
var imgRef = storageRef.child('profile-pictures/1.jpg');
var pulledProfileImage = imgRef.getDownloadURL();

dataArray.push(pulledProfileImage)

cell1.innerHTML = '<img id="profileImage" src="'+dataArray[0]+'">';

当我在代码执行后检查源代码时，src被设置为[Object,Object]。我还有一个记录结果的脚本,当它这样做时,如下所示：

0:C
Hc:false
N:2
Pa:null
Wb:false
ja:null
na:"https://firebasestorage.googleapis.com/v0/b/app-name-da7a1.appspot.com/..."
s:null

奇怪的是，如果我让控制台通过调用console.log(array[0].wb)从上面的列表中打印出一个不同的属性，例如wb，它会完美地打印出false。每个布尔值似乎都很好，只是不是字符串或数字。

作为参考，我的存储结构看起来是这样的：

----root
  |
  |------profile-pictures
             |---------------------- img1.png <--the console is trying to print this one
             |
             |---------------------- img2.png 

----root
  |
  |----folder1
          |
          |
          |----subfolder1
                   |
                   |
                   |----subfolder2
                           |
                           |
                           |--------img1.png
                           |
                           |--------img2.png

基本上，我的代码导航到子文件夹2，提取子值，然后进入存储区并尝试从那里提取它们。

Answer 1

这里的诀窍是getDownloadURL是一个异步函数，它恰好返回一个promise（根据文档）：

var storage = firebase.storage();
var storageRef = storage.ref();
var imgRef = storageRef.child('profile-pictures/1.jpg');
// call .then() on the promise returned to get the value
imgRef.getDownloadURL().then(function(url) {
  var pulledProfileImage = url;
  dataArray.push(pulledProfileImage);
});

这将在本地工作，但该URL列表不会在所有浏览器中同步。相反，您想要的是使用数据库来同步URL，就像我们在Zero to App（视频、代码）中所做的那样。