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 正则表达式操作指南
May 04 Python
Python sys.argv用法实例
May 28 Python
python遍历文件夹下所有excel文件
Jan 03 Python
python实现求特征选择的信息增益
Dec 18 Python
解决python tkinter界面卡死的问题
Jul 17 Python
python实现kNN算法识别手写体数字的示例代码
Aug 16 Python
Python Django模板之模板过滤器与自定义模板过滤器示例
Oct 18 Python
python字符串替换re.sub()实例解析
Feb 09 Python
python实现猜拳游戏
Mar 04 Python
用python给csv里的数据排序的具体代码
Jul 17 Python
python 代码运行时间获取方式详解
Sep 18 Python
Pytorch 如何实现常用正则化
May 27 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
第十三节 对象串行化 [13]
2006/10/09 PHP
PHP extract 将数组拆分成多个变量的函数
2010/06/30 PHP
CodeIgniter针对数据库的连接、配置及使用方法
2016/03/03 PHP
laravel-admin表单提交隐藏一些数据,回调时获取数据的方法
2019/10/08 PHP
JQuery跳出each循环的方法
2015/04/16 Javascript
js兼容pc端浏览器并有多种弹出小提示的手机端浮层控件实例
2015/04/29 Javascript
js实现从右向左缓缓浮出网页浮动层广告的方法
2015/05/09 Javascript
JS函数的定义与调用方法推荐
2016/05/12 Javascript
JS获取子窗口中返回的数据实现方法
2016/05/28 Javascript
JavaScript中误用/g导致的正则test()无法正确重复执行的解决方案
2016/07/27 Javascript
bootstarp modal框居中显示的实现代码
2017/02/18 Javascript
vue项目中vue-i18n和element-ui国际化开发实现过程
2018/04/25 Javascript
使用 Github Actions 自动部署 Angular 应用到 Github Pages的方法
2020/07/20 Javascript
[02:48]DOTA2英雄基础教程 拉席克
2013/12/12 DOTA
使用python的chardet库获得文件编码并修改编码
2014/01/22 Python
深入浅析python中的多进程、多线程、协程
2016/06/22 Python
Python正则抓取网易新闻的方法示例
2017/04/21 Python
python3连接MySQL数据库实例详解
2018/05/24 Python
Python基于多线程实现抓取数据存入数据库的方法
2018/06/22 Python
对Python中DataFrame选择某列值为XX的行实例详解
2019/01/29 Python
使用TensorFlow实现简单线性回归模型
2019/07/19 Python
详解如何在cmd命令窗口中搭建简单的python开发环境
2019/08/29 Python
基于numpy中的expand_dims函数用法
2019/12/18 Python
CSS3五个技巧给你的网站带来出色的效果
2009/04/02 HTML / CSS
需要知道的CSS3动画技术
2010/01/01 HTML / CSS
纯CSS3实现的8种Loading动画效果
2014/07/05 HTML / CSS
西班牙创意礼品和小工具网上商店:Curiosite
2016/07/26 全球购物
购买瑞典当代设计的腕表和太阳眼镜:TRIWA
2016/10/30 全球购物
人力资源主管岗位职责
2014/01/29 职场文书
体育教师求职信
2014/05/24 职场文书
优秀班组长事迹
2014/05/31 职场文书
财务人员个人工作总结
2015/02/27 职场文书
会计求职自荐信
2015/03/26 职场文书
机械生产实习心得体会
2016/01/22 职场文书
基于Redis的List实现特价商品列表功能
2021/08/30 Redis
基于redis+lua进行限流的方法
2022/07/23 Redis