Как вставить MEDIA_URL в шаблоне Django?

Question

[Pan Propan]

Подскажите пожалуйста как вставить ссылку на файл в шаблон? Если захожу напрямую через браузер по ссылке 127.0.0.1:8000/media/images/img.jpg то изображение открывается.

Пробовал так не сработало

<img src="{{ MEDIA_URL }}/images/img.jpg" alt="..." class="img-circle profile_img">

в шаблоне статика подключена
{% load staticfiles %}

Answer 1

[sim3x]

статик - контент, который относиться к фреймворку и тому что написано на нем
https://docs.djangoproject.com/en/1.9/howto/static...

{% load staticfiles %}
<img src="{% static "my_app/myexample.jpg" %}" alt="My image"/>

медиа - контент, который сгенерировал в ходе работы приложения. ЕГо могли сгенерировать пользователи, админы и тд

Линки на медиа файлы делаются еще проще

{{ mymodel.my_image_field.url }}

Comments

[Pan Propan]

скажите пожалуйста, а какова суть MEDIA и в чем его отличие от STATIC. В принципе да, я могу положить папку images в static и обращаться, так как вы показали. Но зачем вообще придумали MEDIA?

[sim3x]

Pan Propan:
медиа - контент, который сгенерировал в ходе работы приложения. ЕГо могли сгенерировать пользователи, админы и тд
статик - контент, который относиться к фреймворку и тому что написано на нем

Линки на медиа файлы делаются еще проще

{{ mymodel.my_image_field.url }}

[Pan Propan]

sim3x:
Правильно ли я понимаю, что в моем случае будет как то так?

<img src="{{ mymodel.my_image_field.url }}/myexample.jpg" alt="My image"/>

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

[sim3x]

Pan Propan:

<img src="{{ mymodel.my_image_field.url }}" alt="My image"/>

[Pan Propan]

sim3x: а как такая запись выберет именно то изображение которое мне нужно?
Наверное я допустил ошибку закинув images темы в папку Media?

[sim3x]

Pan Propan: в модель сохраняется относительный путь "images/img.jpg"
Вызов ".url" соединяет MEDIA_URL и относительный из модели

Данное поведение также можно изменить

[sim3x]

Pan Propan: статические файлы стоит помещать около темплейтов, а потом собирать ./manage.py collectstatic

[sim3x]

Pan Propan: чтоб отметить решение нажми "Отметить решение"