Сломан тег img при использовании URL с другого сайта

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"/>

В противном случае для браузера это выглядит как относительный URL .

Answer 2

Как сказал Стив и Прашант, префикс http://

Также я рекомендую ставить alt-тег, даже если он не указан, из соображений доступности и соответствия, например,

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