Django中ClearableFileInput多文件上传报错，求简易解决方案

问题根源 #

你当前的代码给ClearableFileInput加上了multiple=True属性，但模型中的photo是单文件字段，直接提交多个文件会触发表单验证错误——Django默认认为该字段仅接受单个文件，同时视图中如果直接调用form.save()也无法处理多文件数据。

无需自定义字段的简易解决步骤 #

1. 保留现有模型与表单代码 #

你的模型和表单代码可以保持不变（建议调整上传路径让文件管理更清晰）：

class Image(models.Model):
    id = models.AutoField(primary_key=True)
    post = models.ForeignKey(BlogEntry, on_delete=models.CASCADE)
    photo = models.ImageField(null=True, blank=True, upload_to='images/')
    photo_objects = models.Manager()

class ImageForm(forms.ModelForm):
    class Meta:
        model = Image
        fields = ['photo', ]
        widgets = {
            'photo': forms.ClearableFileInput(attrs={'multiple': True})
        }

2. 修改视图逻辑处理多文件 #

在接收请求的视图中，手动遍历上传的所有文件，逐个创建Image实例：

def upload_images(request, post_id):
    post = BlogEntry.objects.get(id=post_id)
    
    if request.method == 'POST':
        form = ImageForm(request.POST, request.FILES)
        if form.is_valid():
            # 遍历所有上传的文件
            for photo_file in request.FILES.getlist('photo'):
                # 为每个文件创建关联的Image记录
                Image.objects.create(post=post, photo=photo_file)
            return redirect('your_success_url')  # 替换为你的成功跳转地址
    else:
        form = ImageForm()
    
    return render(request, 'upload_page.html', {'form': form, 'post': post})

3. 确保模板表单配置正确 #

模板中的表单必须设置enctype="multipart/form-data"，否则文件无法正常上传：

<form method="POST" enctype="multipart/form-data">
    {% csrf_token %}
    {{ form.as_p }}
    <button type="submit">批量上传图片</button>
</form>

补充说明 #

• 模型中upload_to参数如果设置为images/，文件会自动存储到MEDIA_ROOT/images目录下（Django默认MEDIA_ROOT指向项目根目录的media文件夹），比直接写media/更便于文件分类管理。
• 这种方式完全基于Django原生组件实现，无需自定义MultipleFileInput或MultipleFileField，是快速实现多文件上传的简易方案。

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