Django文件上传异常：点击上传后文件字段被文本替换

核心问题 #

你在POST请求分支里犯了变量名冲突的错误：

• GET请求时，product_upload_more_image是ProductImages表单实例，模板能正常渲染文件上传控件；
• POST请求时，你把product_upload_more_image重新赋值为request.FILES.getlist("other_images_of_car")（一个文件对象列表），模板渲染这个列表时，会直接把它转换成字符串，也就是你看到的<p>[<InMemoryUploadedFile:...>]</p>。

修复步骤 #

1. 修正views.py中的变量名与表单初始化 #

改掉POST分支里的文件列表变量名，避免和表单实例重名，同时统一初始化所有表单：

@login_required    
def cars_upload_all(request):
    # 统一初始化表单，兼容GET/POST请求
    product_upload = ProductsUpload(request.POST or None, request.FILES or None)
    product_upload_more_image = ProductImages(request.POST or None, request.FILES or None)
    product_upload2 = ProductsUpload2(request.POST or None, request.FILES or None)
    other = others(request.POST or None, request.FILES or None)

    if request.method == "POST":
        # 用新变量存储文件列表，避免覆盖表单实例
        product_images_list = request.FILES.getlist("other_images_of_car")
        if product_upload.is_valid() and product_upload2.is_valid() and other.is_valid():
            car = product_upload.save(commit=False)
            car.owner = request.user
            car.save()
            
            car2 = product_upload2.save(commit=False)
            car2.car = car
            car2.save()
            
            other2 = other.save(commit=False)
            other2.others = car
            other2.save()
            
            # 批量创建CarImage记录
            for img in product_images_list:
                CarImage.objects.create(make=car, other_images_of_car=img)

            messages.success(request, "Updated Successfully")
            return redirect("mobil:add")
    
    return render(request, "mobil/uploadcar.html", {
        "product_upload": product_upload,
        "product_upload_more_image": product_upload_more_image,
        "product_upload2": product_upload2,
        "other": other,
    })

2. 优化表单控件（可选） #

如果需要更友好的文件上传体验，建议把表单的widget换成ClearableFileInput，它支持清除已选文件：

class ProductImages(forms.ModelForm):
    class Meta:
        model = CarImage
        fields = ['other_images_of_car']
        widgets = {
            'other_images_of_car': forms.ClearableFileInput(attrs={'multiple': True}),
        }

3. 模板无需修改 #

你的模板代码本身没有问题，只要确保渲染的是表单实例，就能正常显示文件上传控件。

额外注意事项 #

• 确认settings.py中MEDIA_ROOT和MEDIA_URL配置正确，否则文件无法保存到服务器；
• 如果需要验证上传的是有效图片，可把模型中的FileField改为ImageField，Django会自动做格式校验。

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