D3.js Messing Up URL“%20”空格字符

时间:2016-05-29 01:57:02

标签: javascript jquery d3.js character-encoding

我正在使用D3列出一些人以及照片。我们有通过URL存储的照片,我将该URL作为数据中的字段。每隔10秒,我就会调用一个更新函数来更新数据,以防新人被添加到列表或从列表中删除。

我正在使用encodedURIComponent对传入的url进行编码,因为有些照片是用空格存储的,有些则不是。这个功能正在做它的工作。当我将url和动态fileName附加在一起时,似乎会发生这个问题。

它适用于大多数数据元素,但在少数数据元素上,它会将我的URL搞砸。它只发生在过渡时。错误将是这样的:

GET http://myUrl/images/employees/firstName%20LastNamepng

在这种情况下,它删除了“。”在png之前。这是另一个案例:

GET http://myUrl/images/employees/firstName%6.279540991999999lastName.png

在这种情况下,它提出了一些随机#来替换20%。

在过渡期间,我将attr设置为:

"xlink:href": function (d) {
     return "http://myURL/images/employees/" + d.encodedUrl;
}

任何想法??

0 个答案:

没有答案