如何在Django Forms中手动渲染图片字段的清除复选框？

Django图片字段默认使用的ClearableFileInput控件的checkbox_id不是预先定义在widget实例上的固定属性，属于控件渲染阶段调用内部方法临时生成的计算值，所以直接通过form.image_var.field.widget.checkbox_id无法读取到该值。

方案1：按Django固定规则拼接ID（最简便） #

Django生成清除复选框ID的规则是固定的：原文件输入框的ID + "-clear_id"，你可以直接用字段自带的id_for_label属性拼接，最终生成的ID和Django自动输出的完全一致：

<input type="checkbox" name="{{ form.image_var.name }}-clear" id="{{ form.image_var.id_for_label }}-clear_id">
<label for="{{ form.image_var.id_for_label }}-clear_id">{{ form.image_var.field.widget.clear_checkbox_label }}</label>

方案2：从控件渲染上下文取值（适合需要严格对齐原生逻辑的场景） #

如果不想硬编码拼接规则，也可以先获取控件的渲染上下文，再从中提取官方生成的checkbox_id：

{% with widget_ctx=form.image_var.field.widget.get_context form.image_var.html_name form.image_var.value form.image_var.field.widget.attrs %}
<input type="checkbox" name="{{ widget_ctx.widget.clear_checkbox_name }}" id="{{ widget_ctx.widget.checkbox_id }}">
<label for="{{ widget_ctx.widget.checkbox_id }}">{{ widget_ctx.widget.clear_checkbox_label }}</label>
{% endwith %}

两种方案生成的代码和Django自动渲染{{ form.image_var }}的输出完全一致，不会影响原有表单的提交校验逻辑，你已经获取到的其他属性都可以直接复用在手动渲染代码里。

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