我想从一个HTML表格使用Javascript火力地堡存放一些图片,但我不断收到此错误:
storage.refFromURL is not a function
这是奇怪的,考虑到从信息在这里
//创建从谷歌云端存储URI变种gsReference = storage.refFromURL基准( 'GS://bucket/images/stars.jpg')
JavaScript代码从火力地堡数据库中获取数据,以及,和数据库中的每个子包含一个URL(在db定义imageUrl
)到火力地堡存储在GS的形式:// XXXXXXX,我想在使用一张桌子。 换句话说,我想有从数据库中的文本,并从存储图像,但我不断收到“不是一个函数”的错误。 我有以下代码:
index.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>"); });
和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>