我正在使用Django表单加载图像,我正在使用Bootstap-fileinput.
当表单已经使用图像初始化时,我希望图像立即显示,但它很简单,当前没有显示图像.如何让模板自动显示Bootstap HTML的文件输入存在版本而不是文件输入新版本?
Forms.py:
class MyModelForm(forms.ModelForm):
class Meta:
model = MyModel
fields = ['image',]
widget = {
'image' : forms.FileInput(attrs={'class': 'form-control',
'id' : 'input-file'}),
}
我的模板有:
{{form.image}}
{{form.image.errors}}
无论表单是否包含图像,都会生成以下HTML
Remove
Cancel
**编辑**
感谢帮助到目前为止我现在有图像显示,但如果我尝试重新提交表单,我会收到一条消息,表明没有选择任何文件.我也需要选择它.
我添加了这个JavaScript,以便在加载时显示图像.
$("#input-file").fileinput({
showUpload: false,
initialPreviewShowDelete: false,
{% if form.instance.image %}
initialPreview: [
"",
],
initialPreviewConfig: [
{caption: "{{ form.instance.image.name}}",},
],
{% endif %}
});