使用名称中的空格更改<img/> 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）如何保持空格不变，因为它们是文件名的一部分？

Answer 1

正如所承诺的那样（如果有点延迟），解决方案是将字符串包装在“unes​​cape”中，这会强制使用像空格这样的东西。

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

Answer 2

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

CSS and JQuery: spaces inside image name break code of url()