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中global用法实例分析
Apr 30 Python
Python使用剪切板的方法
Jun 06 Python
python 简单搭建阻塞式单进程,多进程,多线程服务的实例
Nov 01 Python
python初学之用户登录的实现过程(实例讲解)
Dec 23 Python
Sanic框架Cookies操作示例
Jul 17 Python
Selenium控制浏览器常见操作示例
Aug 13 Python
python实现海螺图片的方法示例
May 12 Python
Python IDE Pycharm中的快捷键列表用法
Aug 08 Python
Python命令行click参数用法解析
Dec 19 Python
Pytorch 实现计算分类器准确率(总分类及子分类)
Jan 18 Python
python实现逆滤波与维纳滤波示例
Feb 26 Python
详解用python -m http.server搭一个简易的本地局域网
Sep 24 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
【动漫杂谈】关于《请在T台上微笑》
2020/03/03 日漫
php制作中间带自己定义图片二维码的方法
2014/01/27 PHP
ThinkPHP表单自动验证实例
2014/10/13 PHP
PHP递归调用数组值并用其执行指定函数的方法
2015/04/01 PHP
浅谈PHP中foreach/in_array的使用
2015/11/02 PHP
PHP的AES加密算法完整实例
2016/07/20 PHP
PHP PDOStatement::fetchColumn讲解
2019/01/31 PHP
javascript document.compatMode兼容性
2010/02/23 Javascript
jquery一般方法介绍 入门参考
2011/06/21 Javascript
JavaScript如何实现对数字保留两位小数一位自动补零
2015/12/18 Javascript
json对象与数组以及转换成js对象的简单实现方法
2016/06/24 Javascript
基于javascript的异步编程实例详解
2017/04/10 Javascript
js获取浏览器的各种属性
2017/04/27 Javascript
浅谈React组件之性能优化
2018/03/02 Javascript
JavaScript DOM元素常见操作详解【添加、删除、修改等】
2018/05/09 Javascript
小程序实现多列选择器
2019/02/15 Javascript
vue组件间的参数传递实例详解
2019/04/26 Javascript
微信小程序判断用户是否需要再次授权获取个人信息
2019/07/18 Javascript
微信小程序项目总结之记账小程序功能的实现(包括后端)
2019/08/20 Javascript
layui prompt 设置允许空白提交的方法
2019/09/24 Javascript
python使用装饰器和线程限制函数执行时间的方法
2015/04/18 Python
Python3+PyInstall+Sciter解决报错缺少dll、html等文件问题
2019/07/15 Python
Django接收自定义http header过程详解
2019/08/23 Python
python中导入 train_test_split提示错误的解决
2020/06/19 Python
详解Python多线程下的list
2020/07/03 Python
python报错: 'list' object has no attribute 'shape'的解决
2020/07/15 Python
新学期红领巾广播稿
2014/01/14 职场文书
国际贸易专业个人职业生涯规划
2014/02/15 职场文书
创建文明学校实施方案
2014/03/11 职场文书
预备党员的自我评价
2014/03/12 职场文书
《大江保卫战》教学反思
2014/04/11 职场文书
幼儿园开学报名通知
2015/07/16 职场文书
运动会三级跳加油稿
2015/07/21 职场文书
婚礼答谢词范文
2015/09/29 职场文书
2019最新校园运动会广播稿!
2019/06/28 职场文书
导游词之无锡梅园
2019/11/28 职场文书