在文件路径中包含javascript变量

Question

我正在开发一个显示图像的页面，具体取决于用户之前从菜单中选择的内容。 .jpg的名称作为参数（'photo'）传入URL，我已经能够将其解析为全局变量（myphoto）。 .jpgs都保存在一个文件夹中。

我现在需要做一些像（我猜）引用图像源为

的东西

"myfolder/"+<script>document.write(myphoto)</script> 

但这不起作用。有什么想法吗？

（此处更改了图片标记以反击垃圾邮件。）

BTW所有客户端javascript。我用这个已经有几年了！

Answer 1

您可以执行相反操作并在javascript中输出整个图像标记：

<script language="javascript">
  document.write('<img src="myfolder/' + myphoto + '" />')'
</script>

Answer 2

它不起作用，因为当浏览器看到这一行：<img src="myfolder/"+<script>document.write(myphoto)</script>时，它将+字符视为字符，而不是操作符。

您需要以编程方式设置图像的src。像这样：

document.getElementById("myImage").src = "myfolder/" + myphoto;

或使用jQuery：

$("#myImage").attr("src", "myfolder/" + myphoto);

Answer 3

document.getElementById("imgtagid").src = "your image folder/" + selectedPhoto