在css背景上动态加载数据库中的图像

Question

我正在为我的项目使用JSP页面。我需要从我的数据库上传背景图片。

如果我正在使用图片标签，可以使用以下sytntax： -

<img src="${testimonial.image }"height="50px" width="50px"></img>

现在我必须在div中应用background-image属性。

div{
    background: url('/resources/images/logo.png') no-repeat top left;  
}

现在请告诉我如何在css background-image中设置变量。

Answer 1

如果我明白你想要什么，那么使用它：

<div id="variable_background" style="background-image: url(${image_path})"></div>

如果您想动态更改它，可以使用：

var newImagePath = 'path/to/your/image.png';
document.getElementById('variable_background').style.backgroundImage = "url('" + newImagePath + "')";