Django创建动物信息并批量上传图片功能失效求助

我有一个动物数据表，每个动物对应多张图片。想让用户通过一个表单完成新动物注册并添加多张图片，但现在没有任何记录被创建，已经卡了好几个小时。我知道可以用表单集实现，但更想用当前方案，怀疑是视图层的问题但找不到具体原因。下面是我的无效实现代码：

代码文件 #

upl/models.py #

from django.db import models 
from django.core.exceptions import ValidationError

def validate_img_extension(value):
    if not value.name.endswith(".jpg", ".jpeg", ".png"):
        raise ValidationError("Only .jpg, .jpeg og .png allowed.")

class Animal(models.Model):
    title = models.CharField(max_length=200)
    description = models.TextField(null=True, blank=True)

class AnimalImage(models.Model):
    animal = models.ForeignKey(Animal, on_delete=models.CASCADE)
    image = models.FileField(upload_to="products/", validators=[validate_img_extension])

upl/views.py #

from django.shortcuts import redirect, render 
from .forms import AnimalImageForm, AnimalForm 
from .models import Animal, AnimalImage

def createAnimal(request):
    animalform = AnimalForm()
    imageform = AnimalImageForm()

    if request.method == "POST":
        animalform = AnimalForm(request.POST)
        imageform = AnimalImageForm(request.POST or None, request.FILES or None)
        images = request.FILES.getlist("image")
        if animalform.is_valid() and imageform.is_valid():
            title = animalform.cleaned_data["title"]
            describ = animalform.cleaned_data["description"]
            animal_instance = Animal.objects.create(title=title, description=describ)
            animal_instance.save()

            for i in images:
                AnimalImage.objects.create(animal=animal_instance, image=i)
            return redirect("uplhome")

    context = {"animalform": animalform, "imageform": imageform}
    return render(request, "upl/animal_form.html", context)

def uplhome(request):
    return render(request, "upl/uplhome.html")

forms.py #

from django import forms
from django.forms import ClearableFileInput
from .models import Animal, AnimalImage

class MultipleFileInput(forms.ClearableFileInput):
    allow_multiple_selected = True

class AnimalForm(forms.ModelForm):

    class Meta:
        model = Animal
        fields = ["title", "description"]

class AnimalImageForm(forms.ModelForm):
    class Meta:
        model = AnimalImage
        fields = ["image"]
        widgets = {"image": MultipleFileInput()}

upl/urls.py #

from django.urls import path, include 
from upl import views 
from django.conf import settings 
from django.conf.urls.static import static

urlpatterns = [
    path("uplhome", views.uplhome, name="uplhome"),
    path("createanimal", views.createAnimal, name="createanimal"), 
] + static(settings.MEDIA_URL, document_root=settings.MEDIA_ROOT)

upl/animal_form.html #

<h1>Animal Form </h1> 
<form class="form" method="POST" enctype="multipart/form-data">
{% csrf_token %}
{{animalform.title.label_tag}}
{{animalform.title}}
<br><br>
{{animalform.description.label_tag}}
{{animalform.description}}
<br><br>
{{imageform.image.label_tag}}
{{imageform.image}}
<br><br>
<button type="submit">Submit</button>
</form>
<a href="{% url 'uplhome' %}">Animal Home</a>

问题排查与修复 #

1. 验证器函数错误 #

validate_img_extension里的endswith用法错误，该方法仅接受单个后缀或元组作为参数，原代码传了三个独立参数导致逻辑失效，修改为：

def validate_img_extension(value):
    if not value.name.endswith((".jpg", ".jpeg", ".png")):
        raise ValidationError("仅允许上传 .jpg、.jpeg 或 .png 格式的图片。")

2. 多文件表单验证逻辑问题 #

AnimalImageForm是为单张图片设计的ModelForm，无法直接验证多文件上传，需要去掉对imageform.is_valid()的检查，直接处理文件列表并手动调用验证器：
修改views.py中的逻辑：

def createAnimal(request):
    animalform = AnimalForm()

    if request.method == "POST":
        animalform = AnimalForm(request.POST)
        images = request.FILES.getlist("image")
        if animalform.is_valid():
            # 直接用表单save方法创建动物实例，无需额外调用save()
            animal_instance = animalform.save()
            # 逐个处理图片并验证格式
            for img_file in images:
                try:
                    validate_img_extension(img_file)
                    AnimalImage.objects.create(animal=animal_instance, image=img_file)
                except ValidationError:
                    # 可在此添加错误反馈逻辑，比如记录日志或返回前端提示
                    pass
            return redirect("uplhome")

    context = {"animalform": animalform}
    return render(request, "upl/animal_form.html", context)

3. 冗余代码清理 #

原代码中Animal.objects.create(...)后调用animal_instance.save()属于冗余操作，create()方法已完成数据库写入，直接使用animalform.save()更简洁规范。

4. 前端错误反馈（可选） #

在模板中添加表单错误展示，方便调试：

{% if animalform.errors %}
    <div style="color: red;">
        {% for field in animalform %}
            {% for error in field.errors %}
                <p>{{ field.label }}: {{ error }}</p>
            {% endfor %}
        {% endfor %}
        {% for error in animalform.non_field_errors %}
            <p>{{ error }}</p>
        {% endfor %}
    </div>
{% endif %}

内容的提问来源于stack exchange，提问作者Lars