javascript - Firebase refFromURL 不是函数-6ren

javascript - Firebase refFromURL 不是函数

转载作者：行者123 更新时间：2023-11-30 14:41:43

26

4

我试图在 HTML 表格中使用 Javascript 从 Firebase 存储中获取一些图像，但我不断收到此错误:

storage.refFromURL is not a function

这很奇怪，考虑到来自 here 的信息

// Create a reference from a Google Cloud Storage URI var gsReference = storage.refFromURL('gs://bucket/images/stars.jpg')

javascript 代码也从 Firebase 数据库获取数据，数据库中的每个子项都包含一个 URL(在数据库中定义为 imageUrl)，以 的形式指向 Firebase 存储gs://xxxxxxx，我想在表格中使用它。换句话说，我想从数据库中获取文本，从存储中获取图像，但我一直收到“不是函数”错误。我有以下代码:

索引.js

var rootRef = firebase.database().ref().child("Test");
var storage = firebase.storage().ref();

rootRef.on("child_added", snap => {
  var headline = snap.child("headline").val();
  var url_ul = snap.child("imageUrl").val();

  var storageRef = storage.refFromURL('url_ul').getDownloadURL().then(function(url) {
    var test = url;
    alert(url);
    document.querySelector('img').src = test;
  }).catch(function(error) {});

  $("#table_body").append("</td><td>" + headline + "</td><td><img src='test' alt='' border=3 height=100 width=100></td>");
});

以及包含 Firebase 信息的 HTML 文件:

<!DOCTYPE html>
<html>

<head>
  <title>Firebase Web Basics</title>
  <link href="https://fonts.googleapis.com/css?family=Raleway:300,400,500,700" rel="stylesheet">
  <script src="https://use.fontawesome.com/939e9dd52c.js"></script>
</head>

<body>
  <div class="mainDiv" align="left">
    <h1>All users</h1>
    <table>
      <thead>
        <tr>
          <td>Headline</td>
          <td>Image</td>

        </tr>
      </thead>
      <tbody id="table_body">
      </tbody>
    </table>
  </div>

  <script src="https://www.gstatic.com/firebasejs/4.9.1/firebase.js"></script>
  <script>
    // Initialize Firebase
    var config = {
      apiKey: "AIxxxxxxxxxxxxxxxxxxxxxxxxxxx",
      authDomain: "xxxxxxxxxxxx.firebaseapp.com",
      databaseURL: "https://xxxxxxxxxxxxx.firebaseio.com",
      projectId: "xxxxxxxxxxxxxxxx",
      storageBucket: "xxxxxxxxxxxxx.appspot.com",
      messagingSenderId: "0000000000000000"
    };
    firebase.initializeApp(config);
  </script>

  <script src="https://code.jquery.com/jquery-3.1.0.js"></script>
  <script src="index.js"></script>
  <script src="https://www.gstatic.com/firebasejs/4.12.0/firebase-database.js"></script>

</body>

</html>

最佳答案

你基本上是这样做的:

var storage = firebase.storage().ref();

这给你一个 Reference .

然后调用:

storage.refFromURL('url_ul')

但是refFromURL is only defined on the root Storage object .

所以你会想要:

var storage = firebase.storage();
storage.refFromURL('url_ul')

关于javascript - Firebase refFromURL 不是函数，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/49536475/

26

4

0

文章推荐： javascript - 使元素在导航栏上处于事件状态

文章推荐： javascript - 如何在nodejs中使用chai期待http错误和响应

文章推荐： javascript - 如何根据html vue js中的选择选项添加行？

文章推荐： javascript - 如何使用 JavaScript 抓取 JSON 页面并收集数据

javascript - Firebase refFromURL 不是函数
我试图在 HTML 表格中使用 Javascript 从 Firebase 存储中获取一些图像，但我不断收到此错误: storage.refFromURL is not a function 这很奇怪
typescript - 模拟器中的 Firebase 存储 : refFromUrl() expected a valid full URL
有没有可能 refFromURL() 在本地不起作用？ function deleteImage(imageUrl: string) { let urlRef = firebase.sto

首页

博学

6Ren·AI

商城

javascript - Firebase refFromURL 不是函数