django ModelForm修改显示缩略图 imagefield类型的实例
作者：jack_jk 发布时间：2021-04-28 16:16:37
标签：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" rel="external nofollow" ><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}
来源：https://blog.csdn.net/jkloving/article/details/78540632
0
投稿猜你喜欢
- 但Insus.NET想到的是，从下面的SQL语句，就可以查询到数据库大小。因此分享于此。 代码如下:SELECT DB_NAME
前言wx.gird.Gird是实现类似excel表格的库，扩展面很广，本文讲述它添加按钮，按钮响应的内容实现效果图如下：本文基于wxPyth- 计算Python Numpy向量之间的欧氏距离，已知vec1和vec2是两个Numpy向量，欧氏距离计算如下：import numpydis
- 一、 功能Android端或者Android终端的远程截图至本地电脑中二、使用说明1.adb截图工具可用于Android手机及Android
- 注意转义字符\的使用\\,\",\$ 注意使用8进制或16进制字符表示 \xf6 echo "H\xf6me"
- 在使用SQL Server 的过程中,由于经常需要从多个不同地点将数据集中起来或向多个地点复制数据,所以数据的导出,导入是极为常见的操作.我
- 一组常用的弹出窗口用法，以下代码集合常用的弹出窗口用法。1、最基本的弹出窗口代码<SCRIPT LANGUAGE="
- 基于微信可以做很多有意思的练手项目，看了这张速查表你就会发现，可以做的事情超过你的想象。有一次我想要统计微信群里哪些同学在北京，但发现直接问
- 看看下面这个刚才提到的下拉列表的例子，就是将Application Object作为一个变量用来存储下拉列表的菜单项的：<％=&nbs
- 本文实例讲述了Python中random模块用法。分享给大家供大家参考。具体如下：import randomx = random.randi
- bootstrap自带的响应式导航栏是向下滑动的，有时满足不了个性化的需求，需要做一个类似于android drawerLayout 侧滑的
- IE历来被web标准的拥护者所诟病，而当FireFox横空出世以后，更多的网页制作者开始关注web标准设计。看着FireFox的市场占有率不
- 显然，效果很实用。对于这个效果，我们并不解释如何去使用效果库，而是讲解如何创建类似的效果，并保持他的可用性，分离式（unobtrusive）
- 在通过拼组sql语句来实现数据插入的应用中，我们很有可能会遇到需要插入大型数据的情况，例如，在oracle中需要插入字节数超过4000的字段
- 今天在研究Plotly绘制散点图的方法，供大家参考，具体内容如下使用Python3.6 + PlotlyPlotly版本2.0.0在开始之前
- 我听说在ASP里，可以不用DSN来连接EXCEL，请问如何实现？确实ASP提供了替代DSN的其他方法，甚至可以在运行时建立连接看看下面的范例
- 一、ts文件的由来ts文件，ts即"Transport Stream"的缩写，特点就是要求从视频流的任一片段开始都是可以
- 用phpMyAdmin时在导入和导出MySQL5数据时，有一个SQL compatibility mode选项，其可选值为NONE、ANSI
- CSS的出现使网页制作者在对网页元素的控制方便许多，当然，有利必有弊，CSS只能对颜色、大小、距离等静
- 完整的示例代码如下： 代码如下:<％@LANGUAGE="JAVASCRIPT" CODEPAGE="6
