django ModelForm修改显示缩略图 imagefield类型

在使用django的modelform的时候，修改表单，图片在form表单显示的是一个链接。显示缩略图如下

第一步：

from django.forms.widgets import ClearableFileInput

class ImageWidget(ClearableFileInput):

template_with_initial = (
'%(initial_text)s: <a href="%(initial_url)s"><img width="100px" height="100px" src="%(initial_url)s"></a> '
'%(clear_template)s<br />%(input_text)s: %(input)s'
)

template_with_clear = ''

图片的form组件使用

ClearableFileInput

继承它，重写里面一个属性。

第二步：使用这个样式组件

class XXXForm(forms.ModelForm):

class Meta:
model = XXX
exclude = ['XXX', 'is_XXX']
widgets = {'backend_image':ImageWidget}