Я пытаюсь создать страницу, где пользователи могут загрузить изображение со своим постом.
Загрузка изображений работает в другом приложении, но в этом случае, когда я отправляю форму, вся информация, кроме изображения, вставляется в базу данных.
Если я открываю панель администратора и загружаю изображение, оно успешно загружено, и только через шаблон я не могу его загрузить.
Вот моя модель:
def validate_image(image):
file_size = image.file.size
limit_mb = 3
if file_size > limit_mb * 1048576:
raise ValidationError("Max size of file is %s MB" % limit_mb)
class Posting (models.Model):
poster = models.ForeignKey(User, related_name='poster_posting', verbose_name='poster')
description = models.TextField(max_length=200, verbose_name=_('description'))
pictures = models.ImageField(
upload_to='postings/',
verbose_name=_('Posting_picture'),
blank=True, null=True,
validators=[validate_image],
)
def __str__(self):
return "Posting #{}".format(self.pk)
def filename(self):
if self.pictures:
return os.path.basename(self.pictures.name)
return ''
Вот вид:
def posting(request):
if request.method == "POST":
form = Publish(request.POST)
if form.is_valid():
post = form.save(commit=False)
post.poster = request.user
post.save()
messages.success(request, _("your request was posted successfully"))
return redirect("posting:posting_detail", pk=post.id)
else:
form = Publish()
return render (request, 'list_posting.html',{'form': form})
Форма:
class Publish(forms.ModelForm):
"""publishing of listing"""
description = forms.CharField(
widget=forms.Textarea(
attrs={'rows': 6, }
)
)
class Meta:
model = Posting
fields = (
'description',
'pictures')
и, наконец, шаблон:
[...]
<form method="POST" enctype="multipart/form-data" style="margin-bottom: 60px;font-family: Muli, sans-serif;" >
{% csrf_token %}
<div class="form-row" id="Notes" style="padding-right: 20px;padding-left: 20px;">
<div class="col"><input name="description" id="listing_description" required class="form-control" placeholder=" {% trans 'Items to send - Example: I want to send 3 shirts, one children book and one science book (maximum of 150 characters)' %}" maxlength="150" style="margin-top: 36px;"></div>
{% if form.description.errors %}<small class="form-text text-muted" style="color: red">{{ form.description.errors }}</small> {% endif %}
</div>
<div class="form-row" id="Pictures" style="padding-right: 20px;padding-left: 20px;" >
<div class="col">
<input accept="image/" type="file" class="filestyle" name="pictures" data-size="sm" style="padding-top: 33px;" >
<small class="form-text text-muted" >{% trans 'You can only upload one picture. The size cannot exceed 3Mb.' %}</small> </div>
</div>
<div class="form-row text-right" id="Buttons" style="padding-right: 20px;padding-left: 20px;padding-top: 29px;">
<div class="col">
<div class="btn-group" role="group"><a class="btn btn-light" role="button" href="{% url '...' %}" style="margin-right: 20px;">{%trans 'cancel'%}</a><button class="btn btn-dark" type="submit">{% trans 'submit' %}</button></div>
</div>
</div>
Когда я отправляю форму, в отладке поле картинок остается пустым, поэтому я не уверен, что проблема в моем HTML-коде.