Javascript 无法将映像src设置为动态创建的div

我试图设置在javascript上创建的div的背景url。这将用于Jquery动态观察滑块。我是这样做的

var content 1 = null
$("#featured").html("<div id='content' style=''>");
content1 = document.getElementById("content");
content1.style.background="url(" + imageUrlList[0] + ")";

它从另一个图像标记获取src。因此，目标是获取图像标记的src，并将其设置为通过javascript创建的div（content）的背景。问题是，它不在那里。我试着看了看元素。url在那里，我想它在base64中，不确定。但它就在那里。你认为问题出在哪里？有什么想法吗？谢谢

更新： 当用户在文件对话框中选择图像时，我正在显示图像。此图像将显示在图像容器的图像标签上。这些是我想要获取的源图像，并将它们显示到contentdiv

function readURL(input, x) {
    if (input.files && input.files[0]) {
        var reader = new FileReader();


        reader.onload = function (e) {
            if(x == 1)
            {$('#image1Container').attr('src', e.target.result);}
            else if(x == 2)
            {$('#image2Container').attr('src', e.target.result);}
            else if(x == 3)
            {$('#image3Container').attr('src', e.target.result);}
            else if(x == 4)
            {$('#image4Container').attr('src', e.target.result);}
            else
            {$('#image5Container').attr('src', e.target.result);}

        }

        reader.readAsDataURL(input.files[0]);
    }
}

---

imageUrlList[0]似乎没有用引号括起来。 我不确定，但也许你可以试试：

content1.style.background="url('" + imageUrlList[0] + "')";

---

上面似乎没有足够的信息，但看起来您使用的几乎是数据流（base64），而不是图像的真实URL。确保背景值包含数据编码内容的所有适当属性：

url（'data:image/png；base64，[data]）

src:（3.4.7.2）。

您可以使用此-

$('#content').css('background-image', 'url("' + imageUrlList[0] + '")');

---

如果不查看页面的其他源代码，就很难理解这个问题。有没有其他相关的代码可以发布在这里？为什么要使用jQuery和纯JavaScript？我真的不确定。但是我相信它更多的是javascript，我已经尝试过了，如果div不是通过javascript创建的，它就会工作。

$('#content').css('background-image', 'url("' + imageUrlList[0] + '")');