Question

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

现在我使用“geoip_city（）”获取用户位置没有问题，但我不知道如何将其集成到图像的URL中。所有图像都具有以下格式：New York.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>

我相信我只是在搞乱报价或类似的东西。谁能告诉我我做错了什么？这也是我正在测试的地方：http://chusmix.com/?page_id=1770

由于

Answer 1

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

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

我希望您的网站能够满足有限数量的城市需求 - 这将为您创建很多图片......

（删除空格因为我认为你的图像名称没有空格 - 需要新眼镜:)）

Answer 2

报价类型需要匹配，就是这样：

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

他们也可以单身，无论匹配包装引号是重要的部分。

Answer 3

您必须使用相同类型的报价。

另外，假设您的图片在文件名中有空格，您有两种方法：

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

geoip_city().replace('_', ''); // AND change your filenames.

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

encodeURI(geoip_city());

如果您对城市名称进行编码，则无需更改文件名。

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

3 个答案: