我正在使用表单集上传图像并使用多对多关系将它们链接到模型。我在状态表单下方显示表单集,以便用户可以填写状态字段+添加图像,然后单击“保存”或“保存并添加另一个图像”。
在最后一种情况下,它应该显示预填充的状态表单,然后在表单集中一个包含处理上传文件的常用内容的块(一个指向图像的链接,一个删除复选框和一个文件输入以上传不同的图像)最后是一个空白文件输入以上传第二张图片。现在,我有 2 个空白文件输入。
表单集知道已经上传了 1 张图片,但它没有显示任何管理它的内容。这是 Formset 中 ImageField 的正常行为,还是我提供 formset 数据的方式有问题?
这是代码:
# Models
class Image(models.Model):
image = ImageField(upload_to='uploads/status/images/',)
class Status(models.Model):
author = models.ForeignKey(User,)
images = models.ManyToManyField(Image, blank=True, null=True)
body = models.TextField()
# Forms
class StatusForm(forms.ModelForm):
class Meta:
model = Status
fields = ['body',]
class ImageForm(forms.ModelForm):
class Meta:
model = Image
fields = ['image',]
# View
@csrf_protect
def form(request, id=None, template_name='status/form.html'):
if id:
status = get_object_or_404(Status, pk=id)
images = status.images.all().values()
else:
status = Status(author=request.user)
images = None
if request.method == 'POST':
form = StatusForm(request.POST, instance=status)
formset = ImageFormSet(request.POST, request.FILES, initial=images)
if form.is_valid():
try:
status = form.save()
if formset.is_valid():
try:
for form in formset:
image = form.save()
status.images.add(image)
status.save()
if request.POST.get('_add_image', None):
return HttpResponseRedirect(reverse('status_edit', args=[status.id]))
else:
messages.success(request, 'Status saved')
return HttpResponseRedirect(request.POST.get('next', '/'))
except:
messages.error(request, 'Technical error')
except:
messages.error(request, 'Technical error')
else:
form = StatusForm(instance=status)
formset = ImageFormSet(initial=images)
return render_to_response(template_name, {
'form': form,
'formset': formset,
'next': request.GET.get('next', '/'),
}, context_instance=RequestContext(request))
模板:
<form action="" method="post" enctype="multipart/form-data">
{% csrf_token %}
{{ form.non_field_errors }}
<input type="hidden" name="next" value="{{ next }}" />
{{ form.body }}
{{ form.body.errors }}
<hr />
{{ formset }}
<hr />
<div class="pull-right">
<input name="_add_image" class="btn" type="submit" value="Add another image">
<input name="_complete" class="btn btn-primary" type="submit" value="Save">
</div>
</form>