javascript - 通过 jQuery 将来自 Firebase 的图像设置为 div 的背景

Question

我正在尝试从 fire base 获取图像并将其设置为 div 的背景。有谁知道这是怎么做到的吗？我尝试了所有的想法，但都没有用。有人可以提供任何例子吗？

<div class="museBGSize rounded-corners grpelem" id="u525"></div>

我这样试过，没用:

fbRef4.on("child_added", snap => {
    var image = snap.child("Image").val();
    //concatenated the img tag using the image variable at the top
    $("#tableBody3").append("<img src=" + image + "/img>");
});

Answer 1

大家好，我找到了答案并将发布答案以防万一有人想知道 ((我的 html))

<div class="museBGSize rounded-corners grpelem" id="u525"><!-- simple frame --></div>

((我的js))

var fbRef4 = firebase.database().ref().child("slide"); 
fbRef4.on("child_added", snap => {

    var image = snap.child("Image").val();
var newimgsrc = 'image' + (new Date().getTime());
  var newimg = $('#u525'); 

    $('#u525').css("background-image", "url("+image+")");
    newimg.css({'background-image': 'url('+image+')'});
    newimg.show();
});

((我的火力基地))

-slide
 -asdasdasd
    Image:"https://firebasestorage.googleapis.com/v0/b/awe..."