1. 首頁
  2. 問答
  3. 更改<img> src帶有空格的屬性

更改<img> src帶有空格的屬性

2013-07-04 72 views
0

這看起來應該很簡單，但它證明是一種痛苦。你如何將圖像的src設置爲包含空格的名稱？我試過這種方式：更改<img> 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）如何保持空格不變，因爲它們是文件名的一部分？

來源

2013-07-04 Todd Davis

+0

找到了一個解決方案，做了我能想到的最愚蠢的事情，那就是包裹我在「unes​​cape（）」中添加的整個字符串。仍然不知道它爲什麼起作用，但它確實如此：P必須等待5個小時才能回答問題，以便我可以添加答案並將其標記爲已解決：P –

回答

1

作爲promissed（如果有點延遲），將溶液包裝在「UNESCAPE」字符串，這迫使東西等中使用時不會被解釋的空間。

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

來源

2013-07-23 17:45:59

相關問題

 相關問題