在Django模板中自定义ClearableFileInput

问题描述

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

I've got a form with profile_picture=ImageField field set to the initial value. It's using ClearableFileInput widget. I need to customize the form in the template, so I can't simply use {{ form.profile_picture}}. How can I split field elements and obtain something which looks like this:

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

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

where {{ picture.clear-picture }} should generate checkbox to delete the old picture

推荐答案

@vadimchin的答案是正确的，但是需要对新版本的Django(2.0及更高版本)进行了一些修改，因为 ClearableFileInput 类已更改.

@vadimchin's answer is correct, but it requires a little modification for new versions of Django (2.0 onwards), since the ClearableFileInput class has changed.

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

You have to override the template_name attribute of ClearableFileInput, by creating another template in your templates directory. For example:

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

并使用所需代码填充customclearablefileinput.html，修改模板的原始代码(根据需要).

And fill customclearablefileinput.html with the desired code, modifying the original code of the template as you need.

您还必须在settings.py文件中进行更改，因此Django允许您覆盖项目模板目录中的窗口小部件模板:将'django.forms'添加到 INSTALLED_APPS ，然后添加此代码:

You also have to make changes in your settings.py file, so Django lets you override widget templates from your projects template directory: Add 'django.forms' to INSTALLED_APPS, and then add this code:

FORM_RENDERER = 'django.forms.renderers.TemplatesSetting'

这篇关于在Django模板中自定义ClearableFileInput的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持！