javascript - 使用名称中的空格更改src 属性

Question

这似乎应该很简单，但事实证明这是一种痛苦。如何将图像的 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）如何保持空格完整，因为它们是文件名的一部分？

score 1 · Accepted Answer

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

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

score 0 · Accepted Answer

这是关于空间的另一个话题。

2 回答 2