Неожиданная строка при чтении <img>изображений из Firebase Storage

Question

Я пытаюсь получить изображения из хранилища Firebase в таблицу, а ссылки на каждое изображение даны как дочерние в базе данных Firebase.Следуя многим рекомендациям SE, я наконец получил код, который может конвертировать изображения из gs: // в http: //.Используя alert(url), я вижу ссылку на изображение, которая потенциально может быть вставлена ​​в <img>, но мне не удается показать ее как объект изображения.Что я делаю не так в коде?Может ли кто-нибудь помочь мне объяснить это?

В приведенном ниже коде imageUrl содержит gs: // code

< script >
var events = firebase.database();
var storage = firebase.storage();

events.ref("-Events").orderByKey().limitToLast(10).once('value', function(snapshot) {
  if (snapshot.exists()) {
    var content = '';
    snapshot.forEach(function(data) {
      var val = data.val();
      var link = val.imageUrl;
      var storageRef = storage.refFromURL(link).getDownloadURL().then(function(url) {
        var test = url;
        alert(url);
        document.querySelector('img').src = test;
        alert(test);
      }).catch(function(error) {});
      content += '<tr>';
      content += '<td>' + val.imageUrl + '</td>';
      content += '<td>' + '<img src="storageRef.url" alt='
      ' border=3 height=100 width=100>' + '</td>';
      content += '</tr>';

    });
    $('#ex-table').append(content);

    var tbody = $('table tbody');
    tbody.html($('tr', tbody).get().reverse());
  }
});

<
/script>