Django表单：编辑图像字段（删除并显示现有图像）

Question

我正在尝试使用具有图像字段的Django模型表单，但是存在两个问题：

1. 我不知道如何在输入中显示图像的当前名称
2. 我不知道如何提供删除图像的方法

形式：

class CityLogoForm(forms.ModelForm):
    logo = forms.ImageField(widget=forms.FileInput(attrs={'class': 'custom-file-input'}), required=False)

    class Meta:
        model = City
        fields = ['logo']

意见：

def management_form_general(request, city_slug):
    city = City.objects.get(slug=city_slug)
    if request.method == 'POST':
        logo_form = CityLogoForm(request.POST, request.FILES,  instance=city)
        if logo_form.is_valid():
            logo_form.save()

    else:
        logo_form = CityLogoForm(instance=city)

    return render(request, 'management/form/city_general.html', {'city': city, 'logo_form': logo_form})

html：

<form action="" enctype="multipart/form-data" method="post">
    <div class="form-group row">
        <label for="id_city" class="col-sm-2 col-form-label form_title">{{ logo_form.logo.label }}</label>
        <div class="custom-file">
            {{ logo_form.logo }}
            <label class="custom-file-label" for="{{ logo_form.logo.id_for_label }}" data-browse="Choisir Image">{{ logo_form.logo.label }}</label>
        </div>
    </div>
</form>

当用户上传内容时，我有一个脚本来更改标签，但是我找不到一种方法来获取图像字段的当前值（对于正常的图像字段，它已经正确地预先填充了）。由于似乎没有预先填充输入，因此似乎忽略了何时输入为空，因此从不删除当前徽标。

编辑：如果可能，答案需要在formset_factory的for循环中可行

Answer 1

我不知道如何在输入中显示图像的当前名称

向模型添加一个属性，如果图像字段不为空，则返回图像文件名，例如：

import os

class MyModel(models.Model):

    image = models.ImageField(...)

    @property
    def image_name(self):
        return os.path.basename(self.image.path) if self.image else ''

然后在html模板中添加{{ your_model.image_name }}需要显示当前图像名称的位置。

我不知道如何提供删除图像的方法

我最近遇到了同样的问题，我通过clear_image在 html 中添加一个隐藏的复选框（当用户单击清除图像按钮时使用 js 检查它）来解决它，而不是在 django 表单中处理接收到的值。