使用来自其他网站的网址时破坏的img标记

时间:2011-08-02 08:39:28

标签: html image

我正在为我的表单制作一个自定义的CheckboxSelectMultiple小部件。我在窗口小部件中添加了一个img标记,其中src指向包含该图像的另一个网站。

我在显示表单时收到损坏的图像。当我查看它时,源页面似乎是正确的:

<li><label for="id_display_0"><input type="checkbox" name="display" value="&lt;data" id="id_display_0" /> <img src="www.fakeplace.com/s.jpg"/></label></li> 

但是当我点击img src中的链接时,它会抱怨404:

Request URL: http://127.0.0.1:8000/browse/www.fakeplace.com/s.jpg

。 我认为它与静态媒体的工作方式有关,但我不确定如何解决它(我现在不想将图像存储在本地机器上)。

2 个答案:

答案 0 :(得分:4)

替换:

<img src="www.fakeplace.com/s.jpg"/>

使用:

<img src="http://www.fakeplace.com/s.jpg"/>

否则,对于浏览器,它看起来像relative URL

答案 1 :(得分:0)

正如史蒂夫和prashanth所说,前缀为http://

另外,我建议使用alt标签,即使它是空白的,也是出于可访问性和符合性原因,例如

<img src="http://www.fakeplace.com/s.jpg" alt=""/>