使用引导程序将上传的图像保存为Django表单

时间:2019-01-15 04:23:03

标签: django-forms bootstrap-4

我的表单中有一个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>

虽然现在是我想要的样式,并且可以成功浏览并选择图像,但是提交表单后,该图像将不会保存。知道为什么吗?

0 个答案:

没有答案