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中列表、字典、元组、集合数据结构整理
Nov 20 Python
在Python的Flask框架下收发电子邮件的教程
Apr 21 Python
详解Python的Django框架中Manager方法的使用
Jul 21 Python
Python使用time模块实现指定时间触发器示例
May 18 Python
Python3解释器知识点总结
Feb 19 Python
如何更优雅地写python代码
Jul 02 Python
python计算无向图节点度的实例代码
Nov 22 Python
Python安装与卸载流程详细步骤(图解)
Feb 20 Python
python+selenium+Chrome options参数的使用
Mar 18 Python
python操作redis数据库的三种方法
Sep 10 Python
用Python进行栅格数据的分区统计和批量提取
May 27 Python
python文件与路径操作神器 pathlib
Apr 01 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下清空字符串中的HTML标签的代码
2010/09/06 PHP
php的memcache类分享(memcache队列)
2014/03/26 PHP
CodeIgniter框架URL路由总结
2014/09/03 PHP
ThinkPHP实现非标准名称数据表快速创建模型的方法
2014/11/29 PHP
php写入、删除与复制文件的方法
2015/06/20 PHP
php安全配置记录和常见错误梳理(总结)
2017/03/28 PHP
完美解决thinkphp唯一索引重复时出错的问题
2017/03/31 PHP
PHP大文件分割上传 PHP分片上传
2017/08/28 PHP
document.all还是document.getElementsByName?
2006/07/21 Javascript
JavaScript入门教程 Cookies
2009/01/31 Javascript
JQuery 遮罩层实现(mask)实现代码
2010/01/09 Javascript
stream.js 一个很小、完全独立的Javascript类库
2011/10/28 Javascript
javascript跟随滚动效果插件代码(javascript Follow Plugin)
2013/08/03 Javascript
js的window.showModalDialog及window.open用法实例分析
2015/01/29 Javascript
使用JavaScript刷新网页的方法
2015/06/04 Javascript
浅谈javascript的call()、apply()、bind()的用法
2016/02/21 Javascript
JavaScript闭包_动力节点Java学院整理
2017/06/27 Javascript
5分钟学会Vue动画效果(小结)
2018/07/21 Javascript
获取layer.open弹出层的返回值方法
2018/08/20 Javascript
[01:09:24]Ti4开幕式
2014/07/19 DOTA
[02:17]DOTA2亚洲邀请赛 RAVE战队出场宣传片
2015/02/07 DOTA
Python Property属性的2种用法
2015/06/21 Python
Python连接数据库学习之DB-API详解
2017/02/07 Python
浅谈python import引入不同路径下的模块
2017/07/11 Python
Python爬虫抓取代理IP并检验可用性的实例
2018/05/07 Python
python实现电子产品商店
2019/02/26 Python
django将数组传递给前台模板的方法
2019/08/06 Python
sublime3之内网安装python插件Anaconda的流程
2020/11/10 Python
纯CSS3制作的鼠标悬停时边框旋转
2017/01/03 HTML / CSS
加拿大领先的时尚和体育零售商:Sporting Life
2019/12/15 全球购物
校长先进事迹材料
2014/02/01 职场文书
社区清明节活动总结
2014/07/04 职场文书
员工年终考核评语
2014/12/31 职场文书
小人国观后感
2015/06/11 职场文书
《最后一头战象》读后感:动物也有感情
2020/01/02 职场文书
SQL SERVER实现连接与合并查询
2022/02/24 SQL Server