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 相关文章推荐
动态创建类实例代码
Oct 07 Python
Python脚本在Appium库上对移动应用实现自动化测试
Apr 17 Python
Python实现控制台输入密码的方法
May 29 Python
深入讲解Java编程中类的生命周期
Feb 05 Python
利用Python如何制作好玩的GIF动图详解
Jul 11 Python
3行Python代码实现图像照片抠图和换底色的方法
Oct 10 Python
关于sys.stdout和print的区别详解
Dec 05 Python
django ajax发送post请求的两种方法
Jan 05 Python
Python使用GitPython操作Git版本库的方法
Feb 29 Python
关于win10在tensorflow的安装及在pycharm中运行步骤详解
Mar 16 Python
Python 跨.py文件调用自定义函数说明
Jun 01 Python
Python函数__new__及__init__作用及区别解析
Aug 31 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 ci框架验证码实例分析
2013/06/26 PHP
解决php使用异步调用获取数据时出现(错误c00ce56e导致此项操作无法完成)
2013/07/03 PHP
php时间戳转换的示例
2014/03/31 PHP
PHP中使用file_get_contents抓取网页中文乱码问题解决方法
2014/12/17 PHP
PHP中的命名空间相关概念浅析
2015/01/22 PHP
老生常谈PHP面向对象之命令模式(必看篇)
2017/05/24 PHP
PHP实现的mysql操作类【MySQL与MySQLi方式】
2017/10/07 PHP
Javascript中的数学函数
2007/04/04 Javascript
JavaScript 模仿vbs中的 DateAdd() 函数的代码
2007/08/13 Javascript
jQuery1.6 正式版发布并提供下载
2011/05/05 Javascript
JS定时刷新页面及跳转页面的方法
2013/07/04 Javascript
node.js中的fs.fchmod方法使用说明
2014/12/16 Javascript
JavaScript中的立即执行函数表达式介绍
2015/03/15 Javascript
常用DOM整理
2015/06/16 Javascript
js实现网页多级级联菜单代码
2015/08/20 Javascript
jQuery通用的全局遍历方法$.each()用法实例
2016/07/04 Javascript
JavaScript 限制文本框不可输入英文单双引号的方法
2016/12/20 Javascript
bootstrap中添加额外的图标实例代码
2017/02/15 Javascript
从零学习node.js之mysql数据库的操作(五)
2017/02/24 Javascript
JS实现的四级密码强度检测功能示例
2017/05/11 Javascript
Async Validator 异步验证使用说明
2017/07/03 Javascript
微信小程序实现图片放大预览功能
2020/10/22 Javascript
详解javascript常用工具类的封装
2018/01/30 Javascript
Angular ng-animate和ng-cookies用法详解
2018/04/18 Javascript
基于Three.js实现360度全景图片
2018/12/30 Javascript
利用python画出折线图
2018/07/26 Python
浅谈python中get pass用法
2019/03/19 Python
python 19个值得学习的编程技巧
2020/08/15 Python
西班牙最大的在线滑板和街头服饰商店:Fillow.net
2019/04/15 全球购物
巴西最大的珠宝连锁店:Vivara
2019/04/18 全球购物
英国川宁茶官方网站:Twinings茶
2019/05/21 全球购物
班主任工作经验材料
2014/02/02 职场文书
四年大学生活的自我评价范文
2014/02/07 职场文书
给老师的检讨书
2014/02/11 职场文书
群众路线自查报告及整改措施
2014/11/04 职场文书
MySQL中in和exists区别详解
2021/06/03 MySQL