Я хочу загрузить несколько файлов из Firebase Storage (WEB) и отобразить их на веб-странице

Question

Я хочу получить все изображения, хранящиеся в хранилище Firebase, и отобразить их на веб-странице.

Я использую аутентификацию Google, чтобы получить адрес электронной почты пользователя и сохранить его в myData:

var myData = localStorage ['objectToPass'];

Я использую функцию загрузки для загрузки файлов один за другим и добавляю идентификатор электронной почты, серийный образ и заголовок изображения вуникально идентифицировать его:

Код для получения изображения по одному: (Это для изображения профиля)

 var storageRef = firebase.storage().ref(firstData + 'userimage');
storageRef.getDownloadURL().then(function (url) {
      document.querySelector(".profile-img").src = url;
      console.log(url)
    }).catch(function (error) {

    });

Загрузка изображения в хранилище Firebase: (Функция для сервисов)

function upload()
{
var selectedFile = document.getElementById('image').files[0];
var servicename = document.getElementById('title').value;
console.log(servicename);
var storageRef = firebase.storage().ref(firstData +'serimage'+ servicename );
var uploadTask = storageRef.put(selectedFile);

  // Register three observers:
// 1. 'state_changed' observer, called any time the state changes
// 2. Error observer, called on failure
// 3. Completion observer, called on successful completion
uploadTask.on('state_changed', function(snapshot){
  // Observe state change events such as progress, pause, and resume
  // Get task progress, including the number of bytes uploaded and the total number of bytes to be uploaded
  var progress = (snapshot.bytesTransferred / snapshot.totalBytes) * 100;
  console.log('Upload is ' + progress + '% done');
  switch (snapshot.state) {
    case firebase.storage.TaskState.PAUSED: // or 'paused'
      console.log('Upload is paused');
      break;
    case firebase.storage.TaskState.RUNNING: // or 'running'
      console.log('Upload is running');
      break;
  }
}, function(error) {
  // Handle unsuccessful uploads
}, function() {
  // Handle successful uploads on complete
  // For instance, get the download URL: https://firebasestorage.googleapis.com/...
  uploadTask.snapshot.ref.getDownloadURL().then(function(downloadURL) {
    console.log('File available at', downloadURL);
    console.log(downloadURL);
  });
});
}