javascript - 从 html 静态网站中的 firebase 检索多个图像

Question

谁能帮助我使用firebase中的javascript将多个图像检索到我的静态网站。或者我必须制作一个节点js服务器？

标签： javascripthtmlcssfirebase

Answer 1

不，您不需要服务器来从 firebase 检索图像。

首先从您的 Firebase 控制台设置 Firebase 存储，将Firebase 存储添加到您的网站。
然后在您的 javascript 中（在这里，您在 images 文件夹中有一个名为 stars.jpg 的图像），

var storage = firebase.storage();
var pathReference = storage.ref('images/stars.jpg');

storageRef.child('images/stars.jpg').getDownloadURL().then(function(url) {
  // `url` is the download URL for 'images/stars.jpg'

  var img = document.getElementById('myimg');
  img.src = url;
}).catch(function(error) {
  // Handle any errors
});