如何从Firebase存储中下载图像文件列表

时间:2017-05-09 21:12:08

标签: javascript angular firebase firebase-realtime-database firebase-storage

我有一个网站,网格中有卡片,里面有图片和标题 enter image description here

我希望从firebase存储中获取一个图像列表,问题是如果我存储相同的图像文件,我的其他图像文件会被打破,

如何从firebase存储中获取图像列表。 或者什么是存储图像文件的最佳方式与组合firebase数据库我的代码添加新卡就像这样我存储图像元数据下载URL

const storageRef = firebase.storage().ref();

for (let selectedFile of [(<HTMLInputElement>document.getElementById('image')).files[0]]){

  let path = `/${this.prosforesFolder}/${selectedFile.name}`;
  let iRef = storageRef.child(path);

  iRef.put(selectedFile).then((snapshot) => {

    prosfora.imageUrl = snapshot.downloadURL;
    prosfora.image = selectedFile.name;
    prosfora.path = path;
    // firebase.database().ref('/listings').push(listing);
    return this.prosfores.push(prosfora);
  });

}

但我得到的是,如果我存储具有相同图像文件名的6个文件,则只有最后一个图像可以呈现,而另外5个图像被打破

从火基地获取图像我只是调用此功能

// gets the list of ypiresies 
this.firebaseService.getProsfores().subscribe(prosfores => {

  this.prosfores = prosfores;

  if (prosfores.length > 0) {
    this.prosforesExist = true;
  } else {
    this.prosforesExist = false;
  }

  console.log(prosfores);

  // afto kanei hide to preloader
  $( ".preloader-wrapper" ).hide();

  $(document).ready(function(){
    $('.gallery-expand').galleryExpand({
      // dynamicRouting : true
      // defaultColor: 'red'
      // fillScreen : 'true'
    });
  });

});

我做错了,在我在firebase存储上传文件之前,有什么方法可以更改文件名???

like image.png      图像v2.png      图像v3.png

我怎么能这样做?

欢迎任何帮助

0 个答案:

没有答案