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

Question

我正在为我的表单制作一个自定义的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

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

Answer 1

替换：

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

使用：

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

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

Answer 2

正如史蒂夫和prashanth所说，前缀为http：//

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

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