Firebase 多张图片答案

【问题标题】：Firebase Multiple ImagesFirebase 多张图片
【发布时间】：2017-09-18 19:36:15
【问题描述】：

我是 Firebase 的新手，我想知道是否有人知道如何一次将多张图片上传到 Firebase？我正在创建一个网站，我希望有几个上传文件按钮并使用 Javascript 将所有这些图像一次上传到同一 ID 下的 Firebase 存储。先感谢您！

【问题讨论】：

同一个ID是什么意思？每个文件在存储桶中必须有一个唯一的路径。并且没有什么能阻止您调用 Storage API 来同时启动多个传输。
你能告诉我一个如何用一个“提交”按钮一次上传多张图片的例子吗？谢谢！！

标签： javascript firebase image-uploading firebase-storage

【解决方案1】：

首先，查看 js FileList 示例 sn-p 如何允许用户选择多个图像（文件）进行上传。

然后查看firebase storage upload files documentation，了解如何上传的示例。

我想promise.all / 竞争条件将是处理多个图像的最佳方式...

【讨论】：

【解决方案2】：

这样的事情应该可以解决问题：

// set it up
firebase.storage().ref().constructor.prototype.putFiles = function(files) { 
  var ref = this;
  return Promise.all(files.map(function(file) {
    return ref.child(file.name).put(file);
  }));
}

// use it!
firebase.storage().ref().putFiles(files).then(function(metadatas) {
  // Get an array of file metadata
}).catch(function(error) {
  // If any task fails, handle this
});

【讨论】：