我的表单中有一个ImageField可以正常工作,但是我讨厌按钮的默认样式。那时,模板中的HTML很简单:
{{ field.label_tag }}
{{ form.image }}
此操作成功渲染了ImageField并保存了上载的图像。为了设置按钮的样式,我将HTML更改为:
<label class="btn btn-primary" for="my-file-selector">
<input id="my-file-selector" type="file" style="display:none"
onchange="$('#upload-file-info').html(this.files[0].name)">
Choose an image
</label>
<span class='label label-info' id="upload-file-info"></span>
虽然现在是我想要的样式,并且可以成功浏览并选择图像,但是提交表单后,该图像将不会保存。知道为什么吗?