It looks like your form validation is failing because your ImageForm is using a standard FileField (which only expects a single file) while you’re uploading multiple files with the same name. Additionally, you’re initializing the form incorrectly by only passing request.FILES instead of both request.POST and request.FILES. Let’s fix this step by step.

Step 1: Correct Form Initialization in the View #

First, update your view to pass both POST data and files to the form. Even if you don’t have other form fields, Django requires POST data to recognize the form as submitted:

def add_listing(request):
    if request.method == 'POST':
        # Pass both request.POST and request.FILES to properly bind the form
        image_form = ImageForm(request.POST, request.FILES)
        if image_form.is_valid():
            # Create your parent object first
            obj = Object.objects.create()
            # Get the validated list of files from the form
            files = image_form.cleaned_data.get('image_field')
            
            # Associate each file with the new object
            for file in files:
                # Replace with your actual Image model logic (foreign key to Object)
                Image.objects.create(object=obj, image=file)
            
            # Redirect to a success page or return a response
            return redirect('listing_success')
    else:
        image_form = ImageForm()
    
    return render(request, 'your_template.html', {'form': image_form})

Step 2: Update the Form to Handle Multiple Files #

You have two options to make your form accept and validate multiple files—choose the one that fits your workflow:

Option 1: Use a Custom MultiFileField #

Create a reusable field that can validate multiple files:

from django import forms

class MultiFileField(forms.FileField):
    def to_python(self, data):
        # Convert input to a list of validated files
        if not data:
            return []
        files = data if isinstance(data, list) else [data]
        
        validated_files = []
        for file in files:
            validated_file = super().to_python(file)
            validated_files.append(validated_file)
        return validated_files

    def validate(self, value):
        # Validate each file individually using the parent field's rules
        for file in value:
            super().validate(file)

    def run_validators(self, value):
        for file in value:
            super().run_validators(file)

class ImageForm(forms.Form):
    # Use the custom field for multiple file uploads
    image_field = MultiFileField(required=True, label="Upload Images")

Option 2: Handle Validation in the Form's Clean Method #

If you prefer not to create a custom field, handle multiple files directly in the form’s clean method:

from django import forms

class ImageForm(forms.Form):
    def clean(self):
        cleaned_data = super().clean()
        files = self.files.getlist('image_field')
        
        # Require at least one file to be uploaded
        if not files:
            raise forms.ValidationError("Please upload at least one image.")
        
        # Validate each file (adjust rules to match your needs)
        for file in files:
            # Check if the file is an image
            if not file.content_type.startswith('image/'):
                raise forms.ValidationError(f"File '{file.name}' is not a valid image.")
            
            # Optional: Enforce a maximum file size (5MB example)
            max_file_size = 5 * 1024 * 1024  # 5MB
            if file.size > max_file_size:
                raise forms.ValidationError(f"File '{file.name}' is too large. Max size is 5MB.")
        
        cleaned_data['image_field'] = files
        return cleaned_data

Step 3: Verify Your Template #

Your existing template code is mostly correct, but you can improve UX by using a single input with the multiple attribute (though your current two separate inputs will still work):

<form method="post" enctype="multipart/form-data">
    {% csrf_token %}
    <!-- Option 1: Two separate file inputs -->
    <input name="image_field" type="file" accept="image/*">
    <input name="image_field" type="file" accept="image/*">
    
    <!-- Option 2: Single input that allows multiple files (better UX) -->
    <!-- <input name="image_field" type="file" accept="image/*" multiple> -->
    
    <button type="submit">Upload Images</button>
</form>

These changes should resolve the validation failure. The key fixes are ensuring the form is properly bound with both POST data and files, and updating the form to handle and validate multiple files instead of a single one.

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