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


Posted in Python onJuly 28, 2019

在使用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}

以上这篇django ModelForm修改显示缩略图 imagefield类型的实例就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Python 相关文章推荐
Python编程求质数实例代码
Jan 31 Python
Python-while 计算100以内奇数和的方法
Jun 11 Python
django框架事务处理小结【ORM 事务及raw sql,customize sql 事务处理】
Jun 27 Python
python time.sleep()是睡眠线程还是进程
Jul 09 Python
如何使用python爬虫爬取要登陆的网站
Jul 12 Python
Python协程操作之gevent(yield阻塞,greenlet),协程实现多任务(有规律的交替协作执行)用法详解
Oct 14 Python
python GUI库图形界面开发之PyQt5信号与槽多窗口数据传递详细使用方法与实例
Mar 08 Python
Python建造者模式案例运行原理解析
Jun 29 Python
5款实用的python 工具推荐
Oct 13 Python
pytorch 运行一段时间后出现GPU OOM的问题
Jun 02 Python
python自动化八大定位元素讲解
Jul 09 Python
Python绘画好看的星空图
Mar 17 Python
django之对FileField字段的upload_to的设定方法
Jul 28 #Python
Django ImageFiled上传照片并显示的方法
Jul 28 #Python
Python线上环境使用日志的及配置文件
Jul 28 #Python
Django 实现admin后台显示图片缩略图的例子
Jul 28 #Python
处理python中多线程与多进程中的数据共享问题
Jul 28 #Python
在django中图片上传的格式校验及大小方法
Jul 28 #Python
python之生产者消费者模型实现详解
Jul 27 #Python
You might like
数据库查询记录php 多行多列显示
2009/08/15 PHP
PHP分页函数代码(简单实用型)
2010/12/02 PHP
php使用array_rand()函数从数组中随机选择一个或多个元素
2014/04/28 PHP
php有道翻译api调用方法实例
2014/12/22 PHP
在WordPress中使用PHP脚本来判断访客来自什么国家
2015/12/10 PHP
简单谈谈PHP中的Reload操作
2016/12/12 PHP
对frameset、frame、iframe的js操作示例代码
2013/08/16 Javascript
jquery $.trim()方法使用介绍
2014/05/21 Javascript
nodejs获取本机内网和外网ip地址的实现代码
2014/06/01 NodeJs
jQuery+PHP+MySQL二级联动下拉菜单实例讲解
2015/10/27 Javascript
jQuery过滤特殊字符及JS字符串转为数字
2016/05/26 Javascript
前端编码规范(3)JavaScript 开发规范
2017/01/21 Javascript
JS基于封装函数实现的表格分页完整示例
2018/06/26 Javascript
原生JS实现的轮播图功能详解
2018/08/06 Javascript
从零开始用electron手撸一个截屏工具的示例代码
2018/10/10 Javascript
JS实现点击li标签弹出对应的索引功能【案例】
2019/02/18 Javascript
Vue组件系列开发之模态框
2019/04/18 Javascript
javascript 使用sleep函数的常见方法详解
2020/04/26 Javascript
[52:39]完美世界DOTA2联赛PWL S3 CPG vs Forest 第一场 12.16
2020/12/17 DOTA
python实现socket客户端和服务端简单示例
2014/02/24 Python
用Python计算三角函数之acos()方法的使用
2015/05/15 Python
对numpy中数组元素的统一赋值实例
2018/04/04 Python
PYTHON实现SIGN签名的过程解析
2019/10/28 Python
wxPython实现绘图小例子
2019/11/19 Python
Pytorch 使用opnecv读入图像由HWC转为BCHW格式方式
2020/06/02 Python
Opencv 图片的OCR识别的实战示例
2021/03/02 Python
超市实习总结自我鉴定
2013/09/19 职场文书
微博营销计划书
2014/01/10 职场文书
端午节活动策划方案
2014/03/09 职场文书
党员自我剖析材料
2014/08/31 职场文书
2014年初中班主任工作总结
2014/11/08 职场文书
股权转让协议范本
2014/12/07 职场文书
幼儿园辞职信范文
2015/02/27 职场文书
大学生团日活动总结
2015/05/06 职场文书
iSCSI服务器CHAP双向认证配置
2022/04/01 Servers
Python可视化神器pyecharts之绘制箱形图
2022/07/07 Python