您可以这样做：

You can do it this way:

from crispy_forms.layout import Field class FileField(Field): template = 'bootstrap/layout/file_field.html' file_field.html {% load crispy_forms_field %} <div id="div_{{ field.auto_id }}" class="control-group{% if form_show_errors%}{% if field.errors %} error{% endif %}{% endif %}{% if field.css_classes %} {{ field.css_classes }}{% endif %}"> {% if field.label %} <label for="{{ field.id_for_label }}" class="control-label {% if field.field.required %}requiredField{% endif %}"> {{ field.label|safe }}{% if field.field.required %}<span class="asteriskField">*</span>{% endif %} </label> {% endif %} <div class="controls"> <div class="fileupload fileupload-new" data-provides="fileupload"> <div class="fileupload-new thumbnail" style="width: 50px; height: 50px;"><img src="http://www.placehold.it/50x50/EFEFEF/AAAAAA" /></div> <div class="fileupload-preview fileupload-exists thumbnail" style="width: 50px; height: 50px;"></div> <span class="btn btn-file"><span class="fileupload-new">Select image</span><span class="fileupload-exists">Change</span><input type="file" name="{{ field.html_name }}" id="id_{{ field.html_name }}" value="{{ field.value }}" /></span> <a href="#" class="btn fileupload-exists" data-dismiss="fileupload">Remove</a> </div> {% include 'bootstrap/layout/help_text_and_errors.html' %} </div> </div>

然后在FormHelper中使用它作为 FileField（'main_image'）。

And then use it in your FormHelper as FileField('main_image').