django - 在 django 模板中自定义 ClearableFileInput

Question

我有一个表单，其中 profile_picture=ImageField 字段设置为初始值。它使用 ClearableFileInput 小部件。我需要在模板中自定义表单，所以不能简单地使用{{ form.profile_picture}}。如何拆分字段元素并获得如下所示的内容:

{{ with picture=form.profile_picture }}
{{ picture.label_tag }}
<a href="{{ picture.url }}">
  <img src="{{ picture.url }}">
</a>
{{ picture.clear-picture }}

其中 {{ picture.clear-picture }} 应生成复选框以删除旧图片

Answer 1

@vadimchin's answer是正确的，但它需要对新版本的 Django(2.0 及以上)进行一些修改，因为 ClearableFileInput类已更改。

您必须通过在模板目录中创建另一个模板来覆盖 ClearableFileInput 的 template_name 属性。例如:

class CustomClearableFileInput(ClearableFileInput):
    template_name = 'widgets/customclearablefileinput.html'

并用所需的代码填充customclearablefileinput.html，修改the original code根据需要选择模板。

您还必须在 settings.py 文件中进行更改，因此 Django 允许您override widget templates从您的项目模板目录:将 'django.forms' 添加到 INSTALLED_APPS，然后添加以下代码:

FORM_RENDERER = 'django.forms.renderers.TemplatesSetting'