使用另一個網站的網址時損壞了img標記

Question

我正在爲自己的表單製作自定義的CheckboxSelectMultiple小部件。我向src添加了一個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

和史蒂夫普拉香特說，前綴的http：//

此外，我建議把一箇舊標籤，哪怕是空白的，可訪問性和一致性的原因，如

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