Как добавлять картинки в Django к статьям?

Question

[Алексей Мистин]

Здравствуйте.
Когда я добавляю через админу django статью на сайт, мне также надо добавить к ней картинку. Как это сделать? И как сделать, чтобы она появлялась на страницу со статьёй. На сколько я знаю используют для этого ImageField, но там не всё так просто.
Не могли бы привести пример, как это реализовать или скинуть ссылку на урок?

Понимаю, сейчас многие будут рекомендовать мне поискать в гугле, но всё-таки полной инструкции я там не нашёл, везде только частями объясняется.
Заранее спасибо!

Answer 1

[sim3x]

Если использовать только одну картинку
- добавить поле для картинки в модель
- добавить плейсхолдер картинки в темплейт

# models.py
class Article(models.Model):
     title = models.CharField(max_length=255)
     content = models.TextField()
     img = models.ImageField(upload_to='/article', 
                      height_field=100, width_field=100)

Для простоты размещаем код, который ты, в дальнейшем, перенесешь в views.py из urls.py!
https://docs.djangoproject.com/en/dev/topics/class...

#urls.py
    url(r'^article/(?P<pk>[0-9]+)/$', DetailView.as_view(
context_object_name="article",
model=Article,
template_name="article.html"
), name='article-detail'),

#article.html
<h1>{{ article.title }}
<img src="{{ article.img.url }}">
<content>{{ article.context }}

Если интересует rich editor

https://pypi.python.org/pypi/django-summernote

https://github.com/summernote/django-summernote

Comments

[Алексей Мистин]

А если не через редактор. Вот "- добавить поле для картинки в модель". Можно об этом поподробнее?

[Алексей Мистин]

В settings.py не надо ничего прописывать? И media это никак не касается?

[sim3x]

Алексей Мистин: в settings - не надо
> И media это никак не касается?
касается
upload_to='/article'

файл положится в MEDIA_ROOT + upload_to
и будет иметь урл MEDIA_URL + upload_to + название файла

[Алексей Мистин]

Попробовал поставить себе редактор django-summernote.
После ввода в консоль:
pip install django-summernote
У меня сначала норм идёт, потом куча строк с красным текстом.
Вот последняя строка:

FileNotFoundError: [Errno 2] No such file or directory: '/Library/Frameworks/Python.framework/Versions/3.4/lib/python3.4/site-packages/Django-1.7.1.dist-info/METADATA'

Что делать? Может на версию Django 1.7? А то у меня стоит 1.8.

[sim3x]

Алексей Мистин: скорее всего не включил virtualenv

[sim3x]

когда включишь, поставь сначала pillow и разберись какие исходники нужно скачать, для работы с jpg, png, ..

[Алексей Мистин]

А вот почему у меня в статье на сайте отображаются теги html (например: везде стоит Текст...). А мне надо чтобы они не как текст отображались, а как реальные рабочие теги?

[sim3x]

Алексей Мистин:
https://docs.djangoproject.com/en/1.8/ref/template...

[Алексей Мистин]

Спасибо!

Answer 2

[Roman K]

django-ckeditor


Если нужен ImageField:

class YourModel(Model):
    # ...
    image = ImageField(upload_to='images/', null=True, blank=True)

Параметр upload_to является обязательным и принимает строку или функцию. Изображения будут складываться в папку media/upload_to, где upload_to - то, что вы указали в параметре upload_to. Функция (если строка вас не устраивает) будет вызвана и в неё передадутся два аргумента - instance и filename - экземпляр модели и имя файла. Вернуть вы должны путь до файла вместе с файлом (например: images/hello/world/some_file.jpg). Например, я использовал такую:

def generate_path(instance, filename):
    ext = filename.rsplit('.', 1)[-1]
    h = md5(instance.user.username.encode()).hexdigest()
    result = 'photos/%s/%s/%s.%s' % (h[:2], h[2:4], h[4:], ext)
    path = os.path.join(settings.MEDIA_ROOT, result)
    if os.path.exists(path):
        os.remove(path)
    return result

Такая иерархия нужна, чтобы в одной папке не накапливалось много файлов, иначе система может работать долго.

Updated
Обязательно укажите MEDIA_ROOT и MEDIA_URL в настройках. Допустим, так:

MEDIA_ROOT = os.path.join(BASE_DIR, 'media/')
MEDIA_URL = '/media/'

Comments

[Алексей Мистин]

Когда я прописываю в шаблоне:
<img src="{{ article.img.url }}">
то у меня не выдаёт картинку. А если "открыть картинку в новой вкладке", то пишет что нет такой страницы, хотя вроде бы всё верно указано. Что делать? Может где в ура прописать а адрес до картинки?

[Roman K]

Алексей Мистин: вариантов много. Может, статика не раздаётся, может, настроена не правильно.

[Алексей Мистин]

Но у меня в media находится.

[Алексей Мистин]

Это же никак к статике не должно относится. Даже в другой папке лежит. (но static отображается нормально, шаблон то есть).

[Roman K]

Алексей Мистин: Ну а где декларируется, что файлы из медиа могут быть розданы?

[Алексей Мистин]

Roman Kitaev: Статика у меня норм раздаётся (так как элементы шаблоны отображаются).

[Roman K]

Алексей Мистин: Потому что статику джанго раздаёт.

[Алексей Мистин]

Roman Kitaev: Ммм...а как media раздать?

[Алексей Мистин]

О, заработало!!!

[Алексей Мистин]

Прописал в urls.py:

from django.conf import settings
from django.conf.urls.static import static
 + static(settings.MEDIA_URL, document_root=settings.MEDIA_ROOT)

[Roman K]

Алексей Мистин: Поздравляю. Не забудьте убрать это на боевом сервере. Статику и медиа должен раздавать nginx.

[Алексей Мистин]

то есть, если бы я делал на сервере, то у меня без этого всего норм работало бы?

[Roman K]

Алексей Мистин: Оно бы работало так же, пока вы не настроили бы nginx. Пример конфига для раздачи статики и медиа вот:

location /media  {
        alias /home/django/your_project/media;
    }

    location /static {
        alias /home/django/your_project/static; 
    }

[Алексей Мистин]

Спасибо, а где вообще все такие данные можно найти? Есть какая-нибудь книга или ресурс с инструкциями?

[Roman K]

Алексей Мистин: Два основных способа заставить работать Django - это nginx + uWSGI и nginx + Gunicorn.
Вот ссылки на эту тему (почитать сперва их, потом идти в гугл):
https://www.digitalocean.com/community/tutorials/h...
habrahabr.ru/post/226419
https://www.digitalocean.com/community/tutorials/h...

[Алексей Мистин]

Спс

[Алёна Селезнева]

Ничего за три года не изменилось?