Web Firebase Получить URL-адрес изображения из хранилища для отображения в таблице

Question

Я хочу загрузить изображение из хранилища Firebase, но я хочу, чтобы это была кнопка в таблице, но я не уверен, как это сделать? Ниже мой JS:

var email = sessionStorage.getItem("email"); 
var rootRef = firebase.database().ref().child("users"); 
rootRef.on("child_added", snap => { 

    var medname = snap.child("MedName").val(); 
    var description = snap.child("description").val(); 
    var end = snap.child("End").val(); 
    var start = snap.child("Start").val(); 
    var type = snap.child("Type").val(); 
    var file = snap.child("fileName").val(); 

var storageRef = firebase.storage.ref("users/file"); 
storageRef.getDownloadURL().then(function(url) { 
    window.alert(url); 
}); 
$("#demo").append("<tr><td>"+ medname +"</td><td>" + description + 
         "</td><td>"+ type + "</td><td>" + start + 
         "</td><td>" + end +"</td><td></td></tr>");  
}); 

Имя файла будет сохранено в базе данных и file.name, то я получить, что конкретной file.name, и я хочу, чтобы получить URL загрузки для этого изображения из хранилища и отображения, что в пользователя в таблице.

Answer 1

Поскольку URL-адрес изображения должен быть загружен с серверов хранения Firebase, это может занять некоторое время. Самый простой способ справиться с этой задержки только добавить строку в таблицу, как только URL доступен:

var storageRef = firebase.storage.ref("users/file"); 
storageRef.getDownloadURL().then(function(url) { 
    $("#demo").append("<tr><td>"+ medname +"</td><td>" + description + 
          "</td><td>"+ type + "</td><td>" + start + 
          "</td><td>" + end +"</td><td> " + url + "</td></tr>");  
    }); 
});