javascript - 如何使用javascript变量显示图像

Question

我的 javascript 代码如下，其中“samson decosta”是存储在 mysql 数据库中的图像名称。我正在获取此图像并希望在 div background_image 中显示。

document.getElementById("image_chk").style.backgroundImage="url(img/"+ clicked_id+".jpg)";

我的问题是，当我在单词之间存储带有空格的图像名称时，它无法显示图像。但是，当我将空格替换为下划线(或单词之间没有空格)时，它会显示图像。

在哪里，

clicked_id =samson decosta(无法获取此图像，因为单词之间有空格)。

clicked_id =samson_decosta(能够获取此图像)。

clicked_id =samsondecosta(能够获取此图像)。

Answer 1

在 url 中使用单引号将参数值括起来

document
  .getElementById("image_chk")
  .style.backgroundImage="url( 'img/"+ clicked_id+".jpg' )";