Javascript 带有';的图像:';在firefox sdk插件中未显示其名称

Javascript 带有';的图像:';在firefox sdk插件中未显示其名称,javascript,html,url,firefox,firefox-addon-sdk,Javascript,Html,Url,Firefox,Firefox Addon Sdk,在我的firefox插件中,我想在HTML页面中显示一个名为“image with:-2.png”的本地图像。我尝试了以下代码: <html> <body> <div id="images"> <!-- I am using Javascript's encodeURI function for encoding the URL. --> <img src="image%20with:-2.png">

在我的firefox插件中,我想在HTML页面中显示一个名为“image with:-2.png”的本地图像。我尝试了以下代码:

<html>
  <body>
    <div id="images">
      <!-- I am using Javascript's encodeURI function for encoding the URL. -->
      <img src="image%20with:-2.png"></img>
    </div>
  </body>
</html>

但它说“无法加载图像…”

在阅读了关于URL编码的内容后,我知道我还需要转义“:”(encodeURI不这样做)。所以,我试过这个:

<html>
  <body>
    <div id="images">
      <!-- %3A UTF-8 HEX value of ':' is the -->
      <img src="image%20with%3A-2.png"></img>
    </div>
  </body>
</html>

但它也不起作用

如果我将图像重命名为“image with-2.png”&将src更改为“image%20with-2.png”,那么效果很好

所以,我的问题是:我需要做些什么才能显示出名字中有“:”的图像


提前谢谢。

真的很奇怪。。。对我来说这好像是个虫子。真的很奇怪。。。对我来说,这好像是一只虫子。