如何使用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' )";