Javascript 图片通过脚本，如何将变量添加到URL

我相信这很简单，因为有人刚刚解决了我遇到的类似问题。我有一个文件夹的城市图像，需要用户看到的图像对应于他们的城市

现在，我使用“geoip_city（）”获取用户位置没有问题，但我不太知道如何将其集成到图像的URL中。所有图像都有以下格式：newyork.jpg，Boston.jpg，所以我只需要让脚本将位置放在.jpg之前

这就是我现在正在尝试的：

<img src="blank.png" id="image" >

<script type="text/javascript">
document.getElementById('image').src = "http://www.chusmix.com/Imagenes/grupos/' + geoip_city() + '.jpg";
</script>

document.getElementById（'image'）.src=”http://www.chusmix.com/Imagenes/grupos/“+geoip_city（）+”.jpg”；

我想我只是弄乱了引用或类似的东西。谁能告诉我我做错了什么？这也是我测试它的地方：

---

谢谢

另外，你的报价不正确。你需要：

document.getElementById('image').src = "Imagenes/grupos/" + geoip_city() + ".jpg";

我希望你的网站是迎合有限数量的城市-这将是一个为你创造大量的图像

---

（删除了空格，因为我认为您的图像名称没有空格-需要新眼镜：）

引号类型需要匹配，仅此而已，如下所示：

document.getElementById('image').src="Imagenes/grupos/" + geoip_city() + ".jpg";
                                                      ^  double quotes   ^

---

它们也可以是单引号，任何与换行引号匹配的都是重要部分。

必须使用相同类型的引号

此外，假设图像的文件名中有空格，则有两种方法：

将geoip_city（）的结果替换为下划线（或其他字符）：

或者，您可以使用encodeURI（）将空格替换为URL友好字符：

encodeURI(geoip_city());

如果对城市名称进行编码，则不必更改文件名

encodeURI(geoip_city());