使用名称中的空格更改 <img> src 属性答案

【问题标题】：Change <img> src Attribute with spaces in name使用名称中的空格更改 <img> src 属性
【发布时间】：2013-07-04 18:19:02
【问题描述】：

这看起来应该很简单，但事实证明这很痛苦。如何将图像的 src 设置为包含空格的名称？我试过这样：

var newSrc = "images/" + sname[field].split(":")[selected] + ".png";
document.getElementById("image" + field).src = newSrc;

以及将计算直接放入newSrc变量占用的空间中。但是，尽管图像显示在另一个元素上，但图像永远不会显示，并通过

检索

document.getElementById("image" + field).src

表明它实际上被设置为

http://localhost/SkillPlanner/images/Branch%202.png

从技术上讲，我想有两个问题：

1) 当我只需要一个相对链接时，为什么它完全限定它？

2) 我怎样才能保持空格完整，因为它们是文件名的一部分？

【问题讨论】：

通过做我能想到的最愚蠢的事情找到了一个解决方案，即将我添加到“unescape()”中的整个字符串包装起来。仍然不知道它为什么起作用，但它确实起作用了：P 必须等待 5 小时才能回答问题，所以我可以添加答案并将其标记为已解决：P

【解决方案1】：

正如所承诺的（如果有点延迟），解决方案是将字符串包装在“unescape”中，这会强制在使用时不解释空格之类的东西。

var newSrc = unescape("images/" + sname[field].split(":")[selected] + ".png");

【讨论】：