在CSS背景上從數據庫動態加載圖像

Question

我正在為項目使用JSP頁面。 我需要從數據庫上傳背景圖片。

如果我正在使用圖片標簽，則可以使用以下語法：-

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

現在我必須在div中應用background-image屬性。

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

現在，請告訴我如何在CSS背景圖像中設置變量。

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 + "')";