Как выгружать изображения на сайт. Django?

Question

[ScroogeM]

Пытаюсь вывести изображение на странице, но ничего не происходит. Искал похожие топики и все предложенные там решения не подошли. Нужна ваша помощь. Заранее спасибо.
модель:

class News(models.Model):
    title = models.CharField(max_length=200, unique=True,
                             verbose_name="Заголовок")
    description = models.TextField(verbose_name="Краткое содержание")
    posted = models.DateField(default=datetime.date.today(), db_index=True, verbose_name="Опубликвана")
    tags = TaggableManager(blank=True, verbose_name="Теги")
    views = models.IntegerField(default=0)
    likes = models.IntegerField(default=0)

    class Meta:
        ordering = ['-posted']
        verbose_name = "новость"
        verbose_name_plural = "нвости"

    def get_image_filename(self, filename):
        title = self.News.title
        slug = slugify(title)
        return "post_images/%s-%s" % (slug, filename)


class Images(models.Model):
    post = models.ForeignKey(News, default=None, related_name="image")
    image = models.ImageField(upload_to=settings.MEDIA_ROOT,
                              verbose_name="Image")

settings

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

Вьюха:

def news(request):
context = RequestContext(request)
ImageFormSet = modelformset_factory(Images, form=ImageForm,
                                    extra=3)
if request.method == 'POST':
    form = NewsForm(request.POST)
    formset = ImageFormSet(request.POST, request.FILES,
                           queryset=Images.objects.none())
    if form.is_valid() and formset.is_valid():
        form.save()
        for forma in formset.cleaned_data:
            try:

                image = forma['image']
                photo = Images(post=post_form, image=image)
                photo.save()
                messages.add_message(request, messages.SUCCESS,
                                     "!!!")
            except KeyError:
                pass
        return redirect("main")
    else:
        print(form.errors, formset.errors)
else:
    form = NewsForm()
    formset = ImageFormSet(queryset=Images.objects.none())
try:
    page_num = request.GET.get('page')
except KeyError:
    page_num = 1
all_news = News.objects.all()
paginator = Paginator(all_news, 10)
try:
    pages = paginator.page(page_num)
except InvalidPage:
    pages = paginator.page(1)
return render_to_response("mainpage.html", {'form': form, 'formset': formset,
                                            'pages': pages,}, context)

Темплейт:

{% block content %}
    {% for new in pages %}
    <h2>{{ new.title }}</h2>
    <img src="{{ new.image.url}}">

{% endfor %}


<form action="" method="post" enctype="multipart/form-data">
{% include "generic/form.html" %}
<input type="submit" value="создать">
</form>
{% endblock %}

и урлы:

urlpatterns = [
    url(r'^$',  news, name="main"),
]
urlpatterns += static(settings.MEDIA_URL, document_root=settings.MEDIA_ROOT)

Comments

[Петр]

Так надо из база данных или просто отобразить? Из вопроса не ясно

[ScroogeM]

Петр: просто отобразить.

Answer 1

[Игорь Шевченко]

ForeignKey — это отношение много-к-одному. Вы можете создать много изображений, поместив им в поле post одну и ту же новость.

Поэтому post.image — это не само изображение, а менеджер, который возвращает все изображения для этой новости. Иными словами, post.image вернет то же самое, что и Images.objects.filter(post=post). Поправить это можно несколькими способами.

Если вы хотите, чтобы всё просто заработало без значительных изменений:

<img src="{{ new.image.first().url }}">

Если у новости действительно может быть много изображений

{% for image in new.image.all %}
     <img src="{{ image.image.url }}">
{% endfor %}

Если у новости может быть только одно изображение:

class Images(models.Model):
    post = models.OneToOneField(News, default=None, related_name="image")
    image = models.ImageField(upload_to=settings.MEDIA_ROOT,
                              verbose_name="Image")

OneToOneField — это отношение один-к-одному. В этом случае post.image уже будет сразу возвращать изображение.

Comments

[ScroogeM]

Спасибо за ваш ответ, впредь не буду допускать таких ошибок.
Но {% for image in new.image.all %}

{% endfor %}
Все равно возвращает пустое значение, если смотреть в коде страницы.

[ScroogeM]

{% for image in new.image.all %}

{% endfor %}
Вот так все работает.
Еще раз спасибо вам!

[Игорь Шевченко]

ScroogeM: спасибо, вы правы. На всякий случай поправил ответ.

[ScroogeM]

Игорь Шевченко: да, и в темпелйтах "()" не ставятся же, там просто "new.image.all"

[ScroogeM]

Игорь Шевченко: привет. У меня еще 1 глупый вопрос появился, можно я тебе его в личку задам. чтоб не засорять людям "ленту"?

[Игорь Шевченко]

ScroogeM: конечно, пиши.

[ScroogeM]

Игорь Шевченко: а как редактировать запись в таком случае? Что бы можно было изменить все поля в том числе и картинки? Через обычный UpdateView по идее нельзя ведь?

[Игорь Шевченко]

ScroogeM: можно посмотреть в сторону inline formsets. Как-то так: stackoverflow.com/questions/32575535/django-update...

[ScroogeM]

Игорь Шевченко: привет.
я вроде делаю все как в том примере, но когда я сохраняю форму ничего не происходит.
class UpdateNew(UpdateView):
model = News
form_class = NewsForm
template_name = "new_edit.html"
success_url = reverse_lazy("main")

def get(self, request, *args, **kwargs):
self.object = self.get_object()
form_class = self.get_form_class()
form = self.get_form(form_class)
line_form = LineForm(instance=self.object)
return self.render_to_response(self.get_context_data(form=form,
formset=line_form))

def post(self, request, *args, **kwargs):
self.object = self.get_object()
form_class = self.get_form_class()
form = self.get_form(form_class)
line_form = LineForm(self.request.POST, instance=self.object)

if form.is_valid() and line_form.is_valid():
return self.form_validation(form, line_form)
else:
return self.form_invalidation(form, line_form)

def form_validation(self, form1, form2):
self.object = form1.save()
form2.instance = self.object
form2.save()
return HttpResponseRedirect(self.get_success_url())

def form_invalidation(self, form1, form2):
return self.render_to_response(self.get_context_data(form=form1, formset=form2))

[Игорь Шевченко]

ScroogeM: пока понять проблему тяжело. Я бы начал дебажить с того, что посмотрел бы, вызывается ли метод form_validation. Например, просто вставив туда отладочный принт. Если вызывается, то надо смотреть методы save(). Если нет, то разбираться, почему нет.

[Игорь Шевченко]

ScroogeM: возможно, что какая-то валидация в форме не проходит, у вас валидационные сообщения выводятся?

[ScroogeM]

Игорь Шевченко: я как раз так и делал, сообщения выводятся и при валидной и неправильной форме.
вот только когда я пытаюсь вывести print(form2.cleaned_data) выводится 3 пустых словаря.

[Игорь Шевченко]

ScroogeM: а form_validation у вас всё-таки вызывается? В cleaned_data данные помещаются только если форма валидна.

[ScroogeM]

Игорь Шевченко: да, я прям form_valid это принт и вставил

[Игорь Шевченко]

ScroogeM: а можете показать формы? Видимо, проблемы тогда в них.

[ScroogeM]

Игорь Шевченко: UpdateView + inlineformset_factory не редактируется запись?

[Игорь Шевченко]

ScroogeM: не знаю, решит ли это проблему, но в LineForm точно нужно передавать файлы. Что будет, если заменить строку:

line_form = LineForm(self.request.POST, instance=self.object)

на

line_form = LineForm(self.request.POST, self.request.FILES, instance=self.object)

[ScroogeM]

Игорь Шевченко: Слушай, ну вот честно, скинь номер своей карты я тебе вышлю деньги на пиво.
Спасибо огромное.

[Игорь Шевченко]

ScroogeM: да ладно, был рад помочь :)