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实现sublime3的less编译插件示例
Apr 27 Python
Python中的错误和异常处理简单操作示例【try-except用法】
Jul 25 Python
Python3中正则模块re.compile、re.match及re.search函数用法详解
Jun 11 Python
tensorflow实现图像的裁剪和填充方法
Jul 27 Python
Python WSGI的深入理解
Aug 01 Python
python学生信息管理系统(完整版)
Apr 05 Python
python3利用Socket实现通信的方法示例
May 06 Python
django框架自定义模板标签(template tag)操作示例
Jun 24 Python
解决TensorFlow训练内存不断增长,进程被杀死问题
Feb 05 Python
在Python 的线程中运行协程的方法
Feb 24 Python
如何快速一次性卸载所有python包(第三方库)呢
Oct 20 Python
python中字符串String及其常见操作指南(方法、函数)
Apr 06 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简单命令代码集锦
2007/09/24 PHP
深入PHP获取随机数字和字母的方法详解
2013/06/06 PHP
深入php常用函数的使用汇总
2013/06/08 PHP
php过滤XSS攻击的函数
2013/11/12 PHP
php+mysqli使用预处理技术进行数据库查询的方法
2015/01/28 PHP
php验证码生成器
2017/05/24 PHP
php-msf源码详解
2017/12/25 PHP
laravel5.5添加echarts实现画图功能的方法
2019/10/09 PHP
laravel 根据不同组织加载不同视图的实现
2019/10/14 PHP
Jquery升级新版本后选择器的语法问题
2010/06/02 Javascript
js查错流程归纳
2012/05/04 Javascript
解析jquery获取父窗口的元素
2013/06/26 Javascript
jquery+json实现数据列表分页示例代码
2013/11/15 Javascript
js实现类似新浪微博首页内容渐显效果的方法
2015/04/10 Javascript
简单实现js浮动框
2016/12/13 Javascript
Node.js用readline模块实现输入输出
2016/12/16 Javascript
微信小程序 slider的简单实例
2017/04/19 Javascript
JavaScript对JSON数据进行排序和搜索
2017/07/24 Javascript
Vue实现内部组件轮播切换效果的示例代码
2018/04/07 Javascript
引入外部js脚本加载慢与页面白屏问题的解决
2018/12/10 Javascript
详解小程序退出页面时清除定时器
2019/04/28 Javascript
js图片查看器插件用法示例
2019/06/22 Javascript
Python语言描述随机梯度下降法
2018/01/04 Python
python:pandas合并csv文件的方法(图书数据集成)
2018/04/12 Python
Python使用matplotlib模块绘制图像并设置标题与坐标轴等信息示例
2018/05/04 Python
Python使用分布式锁的代码演示示例
2018/07/30 Python
Python箱型图处理离群点的例子
2019/12/09 Python
基于PyQT实现区分左键双击和单击
2020/05/19 Python
Django自带用户认证系统使用方法解析
2020/11/12 Python
米兰必去买手店排行榜首位:Antonioli
2016/09/11 全球购物
生物技术专业研究生自荐信
2013/09/22 职场文书
公益活动邀请函
2014/02/05 职场文书
善意的谎言事例
2014/02/15 职场文书
检讨书怎么写
2015/01/23 职场文书
JavaScript如何优化逻辑判断代码详解
2021/06/08 Javascript
Python+DeOldify实现老照片上色功能
2022/06/21 Python