python bootstrap 文件上传_python – Django与Bootstrap文件上传

我正在使用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

 Browse …

**编辑**

感谢帮助到目前为止我现在有图像显示,但如果我尝试重新提交表单,我会收到一条消息,表明没有选择任何文件.我也需要选择它.

我添加了这个JavaScript,以便在加载时显示图像.

$("#input-file").fileinput({

showUpload: false,

initialPreviewShowDelete: false,

{% if form.instance.image %}

initialPreview: [

"",

],

initialPreviewConfig: [

{caption: "{{ form.instance.image.name}}",},

],

{% endif %}

});