Изменить <img> src Атрибут с пробелами по названию

Question

Это похоже на то, что оно должно быть простым, но это оказывается болью. Как установить src изображения на имя, содержащее пробелы? Я пробовал этот путь:

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

, а также вычисление непосредственно в пространстве, занимаемом переменной newSrc. Тем не менее, изображение никогда не отображается, несмотря на то, что отображается на другом элементе, и извлечение с помощью

document.getElementById («изображение» + поле) .src

показывает, что это на самом деле было установлено как

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

Технически, я думаю, есть два вопроса:

1) Почему она полностью квалифицировать его, когда все, что мне нужно, это относительная ссылка?

2) Как я могу сохранить пространство в целости, так как они являются частью имени файла?

Answer 1

Как promissed (если немного задерживается), решение было обернуть строку в «», экранирования в который заставляет вещи, как пространства, чтобы не быть интерпретированы при использовании.

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

Answer 2

Вот еще одна тема о пространствах.

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