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 将字符串转换成字典dict
Mar 24 Python
Python urls.py的三种配置写法实例详解
Apr 28 Python
Django与JS交互的示例代码
Aug 23 Python
python opencv 图像尺寸变换方法
Apr 02 Python
python3.6.3转化为win-exe文件发布的方法
Oct 31 Python
Python图像处理之图像的缩放、旋转与翻转实现方法示例
Jan 04 Python
python SQLAlchemy 中的Engine详解
Jul 04 Python
python实现画循环圆
Nov 23 Python
Python如何获取Win7,Win10系统缩放大小
Jan 10 Python
利用Python脚本实现自动刷网课
Feb 03 Python
python一些性能分析的技巧
Aug 30 Python
python 判断文件或文件夹是否存在
Mar 18 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调用三种数据库的方法(1)
2006/10/09 PHP
Yii2前后台分离及migrate使用(七)
2016/05/04 PHP
Zend Framework动作控制器用法示例
2016/12/09 PHP
PHP实现对数字分隔加千分号的方法
2019/03/18 PHP
laravel 框架结合关联查询 when()用法分析
2019/11/22 PHP
解决php用mysql方式连接数据库出现Deprecated报错问题
2019/12/25 PHP
网络图片延迟加载实现代码 超越jquery控件
2010/03/27 Javascript
编写Js代码要注意的几条规则
2010/09/10 Javascript
基于jQuery+HttpHandler实现图片裁剪效果代码(适用于论坛, SNS)
2011/09/02 Javascript
Ajax搜索结果页面下方的分页按钮的生成
2012/04/05 Javascript
js substring从右边获取指定长度字符串(示例代码)
2013/12/23 Javascript
用简洁的jQuery方法toggleClass实现隔行换色
2014/10/22 Javascript
javascript实现禁止鼠标滚轮事件
2015/07/24 Javascript
JavaScript作用域示例详解
2016/07/07 Javascript
利用Node.JS实现邮件发送功能
2016/10/21 Javascript
详解微信小程序开发之城市选择器 城市切换
2017/01/17 Javascript
快速掌握jQuery插件开发
2017/01/19 Javascript
解决LayUI表单获取不到data的问题
2018/08/20 Javascript
C#程序员入门学习微信小程序的笔记
2019/03/05 Javascript
借助云开发实现小程序短信验证码的发送
2020/01/06 Javascript
基于vue.js实现购物车
2020/01/15 Javascript
js实现轮播图效果 z-index实现轮播图
2020/01/17 Javascript
JavaScript观察者模式原理与用法实例详解
2020/03/10 Javascript
二种python发送邮件实例讲解(python发邮件附件可以使用email模块实现)
2013/12/03 Python
Python连接mssql数据库编码问题解决方法
2015/01/01 Python
python交互界面的退出方法
2019/02/16 Python
python中time库的实例使用方法
2019/10/31 Python
python 自定义异常和主动抛出异常(raise)的操作
2020/12/11 Python
css3气泡 css3关键帧动画创建的动态通知气泡
2013/02/26 HTML / CSS
实例讲解使用HTML5 Canvas绘制阴影效果的方法
2016/03/25 HTML / CSS
埃弗顿足球俱乐部官方网上商店:Everton Direct
2018/01/13 全球购物
党员岗位承诺书
2014/03/25 职场文书
入股协议书
2014/04/14 职场文书
标准版离职证明书
2014/09/12 职场文书
县长“四风”对照检查材料思想汇报
2014/10/05 职场文书
工作转正自我鉴定范文
2019/06/21 职场文书