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描述器descriptor详解
Feb 03 Python
python下调用pytesseract识别某网站验证码的实现方法
Jun 06 Python
python使用Tkinter实现在线音乐播放器
Jan 30 Python
python中的字符串内部换行方法
Jul 19 Python
flask session组件的使用示例
Dec 25 Python
详解重置Django migration的常见方式
Feb 15 Python
几个适合python初学者的简单小程序,看完受益匪浅!(推荐)
Apr 16 Python
Python使用import导入本地脚本及导入模块的技巧总结
Aug 07 Python
Python collections模块使用方法详解
Aug 28 Python
Python3和PyCharm安装与环境配置【图文教程】
Feb 14 Python
解决Keras TensorFlow 混编中 trainable=False设置无效问题
Jun 28 Python
Python使用DFA算法过滤内容敏感词
Apr 22 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面向对象的使用教程 简单数据库连接
2006/11/25 PHP
从php核心代码分析require和include的区别
2011/01/02 PHP
php的array_multisort()使用方法介绍
2012/05/16 PHP
Thinkphp搜索时首页分页和搜索页保持条件分页的方法
2014/12/05 PHP
PHP使用内置dir类实现目录遍历删除
2015/03/31 PHP
smarty模板判断数组为空的方法
2015/06/10 PHP
php封装的mongodb操作类代码
2017/08/06 PHP
visual studio code 调试php方法(图文详解)
2017/09/15 PHP
解析JavaScript中instanceof对于不同的构造器或许都返回true
2013/12/03 Javascript
innerText 使用示例
2014/01/23 Javascript
JavaScript获得url所有参数键值表的方法
2015/03/21 Javascript
用javascript实现自动输出网页文本
2015/07/30 Javascript
深入浅析JavaScript中的constructor
2016/04/19 Javascript
jquery层级选择器(匹配父元素下的子元素实现代码)
2016/09/05 Javascript
用jQuery的AJax实现异步访问、异步加载
2016/11/02 Javascript
bootstrap table实例详解
2017/01/06 Javascript
原生js实现淘宝购物车功能
2020/06/23 Javascript
vue.js todolist实现代码
2017/10/29 Javascript
利用vscode调试编译后的js代码详解
2018/05/14 Javascript
create-react-app修改为多页面支持的方法
2018/05/17 Javascript
element-ui 关于获取select 的label值方法
2018/08/24 Javascript
vue+Element实现搜索关键字高亮功能
2019/05/28 Javascript
优雅的使用javascript递归画一棵结构树示例代码
2019/09/22 Javascript
d3.js实现图形缩放平移
2019/12/19 Javascript
python基础教程之基本内置数据类型介绍
2014/02/20 Python
基于numpy中数组元素的切片复制方法
2018/11/15 Python
由面试题加深对Django的认识理解
2019/07/19 Python
浅析与CSS3的loading动画加载相关的transition优化
2015/05/18 HTML / CSS
电信专业应届生自荐信
2013/09/28 职场文书
《小小竹排画中游》教学反思
2014/02/26 职场文书
高级工程师英文求职信
2014/03/19 职场文书
买房委托公证书
2014/04/08 职场文书
计生专干事迹
2014/05/28 职场文书
赵乐秦在党的群众路线教育实践活动总结大会上的讲话稿
2014/10/25 职场文书
先进个人推荐材料
2014/12/29 职场文书
司机个人年终总结
2015/03/03 职场文书