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

Dynamically load the image from database on the css background

本文关键字：数据库 图像 加载 动态 css 背景      更新时间：2023-09-26

我的项目使用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背景图像中设置变量

如果我明白你想要什么，使用这个如何:

<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 + "')";
相关文章：