将多个图像上传到firebase并检索到视图页面

// 初始化Firebase
var firebaseConfig = {
  // 项目配置信息
};

firebase.initializeApp(firebaseConfig);

// 获取存储引用
var storageRef = firebase.storage().ref();

// 图像上传
var fileInput = document.getElementById('file-input');

fileInput.addEventListener('change', function(e) {
  var file = e.target.files[0];
  var fileName = file.name;
  var fileRef = storageRef.child(fileName);

  fileRef.put(file).then(function(snapshot) {
    console.log('图像上传成功');
  }).catch(function(error) {
    console.error('图像上传失败', error);
  });
});

// 图像检索
var imageView = document.getElementById('image-view');

storageRef.listAll().then(function(result) {
  result.items.forEach(function(itemRef) {
    itemRef.getDownloadURL().then(function(url) {
      var img = document.createElement('img');
      img.src = url;
      imageView.appendChild(img);
    }).catch(function(error) {
      console.error('获取图像URL失败', error);
    });
  });
}).catch(function(error) {
  console.error('获取图像列表失败', error);
});