Firebaseのストレージのすべてのイメージを表示

Question

Firebase Storageの画像をすべて表示したいと考えています。私は苦労しているようです。JavaScriptです。それは私にエラーを与える：ここで

Firebase Storage: Object 'Item_Images/' does not exist.

var fbRef = firebase.database().ref().child("Item Posts"); 
var storage = firebase.storage().ref(); 
var storageRef = storage.child("Item_Images/"); 

fbRef.on("child_added", snap => { 
    var name = snap.child("ItemName").val(); 
    var price = snap.child("Price").val(); 
    var category = snap.child("Category").val(); 
    var description = snap.child("Description").val(); 
    var image = storageRef.getDownloadURL().then(function(url){ 
     var test = url; 
     document.querySelector('img').src = test; 
    }) 

    $("#tableBody").append("<tr><td>" + image + "</td><td>" + name + "</td><td>" + price + "</td><td>" + category + "</td><td>" + description + "</td></tr>"); 
}); 

HTML

<table> 
    <tr class="heading"> 
     <td width="20%">Image</td> 
     <td width="20%">Name</td> 
     <td width="10%">Price</td> 
     <td width="15%">Category</td> 
     <td width="35%">Description</td> 
    </tr> 
    <!-- display data here --> 
    <tbody id="tableBody"></tbody> 
</table> 

は私のデータベースです：

、ここでは私の現在のHTMLの表です：

Answer 1

私は自分でこれを解決したことが判明しました。私はここに答えを掲示して他の人々に役立つかもしれない。

var fbRef = firebase.database().ref().child("Item Posts"); 
//removed the storage reference 

fbRef.on("child_added", snap => { 
    var name = snap.child("ItemName").val(); 
    var price = snap.child("Price").val(); 
    var category = snap.child("Category").val(); 
    var description = snap.child("Description").val(); 
    //got the string URL from the database 
    var image = snap.child("Image").val(); 

    //concatenated the img tag using the image variable at the top 
    $("#tableBody").append("<tr><td><img src=" + image + "/img></td><td>" + name + "</td><td>" + price + "</td><td>" + category + "</td><td>" + description + "</td></tr>"); 
});