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概率计算器实例分析
Mar 25 Python
Python使用bs4获取58同城城市分类的方法
Jul 08 Python
Python常见内置高效率函数用法示例
Jul 31 Python
python 字典中取值的两种方法小结
Aug 02 Python
pandas 条件搜索返回列表的方法
Oct 30 Python
python 实现一次性在文件中写入多行的方法
Jan 28 Python
在Tensorflow中查看权重的实现
Jan 24 Python
使用Pycharm分段执行代码
Apr 15 Python
Python 跨.py文件调用自定义函数说明
Jun 01 Python
Python无损压缩图片的示例代码
Aug 06 Python
python 绘制场景热力图的示例
Sep 23 Python
matplotlib实现数据实时刷新的示例代码
Jan 05 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版快速排序、冒泡排序
2014/04/09 PHP
php-beanstalkd消息队列类实例分享
2017/07/19 PHP
一个JQuery写的点击上下滚动的小例子
2011/08/27 Javascript
当jQuery遭遇CoffeeScript的时候 使用分享
2011/09/17 Javascript
说说JSON和JSONP 也许你会豁然开朗
2012/09/02 Javascript
JS命名空间的另一种实现
2013/08/09 Javascript
javascript面向对象之定义成员方法实例分析
2015/01/13 Javascript
js+html5实现canvas绘制镂空字体文本的方法
2015/06/05 Javascript
轻松搞定jQuery.noConflict()
2016/02/15 Javascript
Node.js发送HTTP客户端请求并显示响应结果的方法示例
2017/04/12 Javascript
微信小程序--组件(swiper)详细介绍
2017/06/13 Javascript
JavaScript输出所选择起始与结束日期的方法
2017/07/12 Javascript
详解a++和++a的区别
2017/08/30 Javascript
Vue2.0基于vue-cli+webpack同级组件之间的通信教程(推荐)
2017/09/14 Javascript
AngularJS实现图片上传和预览功能的方法分析
2017/11/08 Javascript
基于vue 添加axios组件,解决post传参数为null的问题
2018/03/05 Javascript
使用JavaScript中的lodash编写双色球效果
2018/06/24 Javascript
Vue实现一个图片懒加载插件
2019/03/11 Javascript
Vue 基于 vuedraggable 实现选中、拖拽、排序效果
2020/05/18 Javascript
python处理图片之PIL模块简单使用方法
2015/05/11 Python
Python解决抛小球问题 求小球下落经历的距离之和示例
2018/02/01 Python
Python3.6简单反射操作示例
2018/06/14 Python
对python中的高效迭代器函数详解
2018/10/18 Python
详解Python静态网页爬取获取高清壁纸
2019/04/23 Python
python网络编程 使用UDP、TCP协议收发信息详解
2019/08/29 Python
Tensorflow不支持AVX2指令集的解决方法
2020/02/03 Python
Python爬虫程序架构和运行流程原理解析
2020/03/09 Python
PageFactory设计模式基于python实现
2020/04/14 Python
Python改变对象的字符串显示的方法
2020/08/01 Python
工商管理本科毕业生求职信范文
2013/10/05 职场文书
大学生如何写自荐信
2014/01/08 职场文书
优秀求职信范文分享
2014/01/26 职场文书
医学求职信
2014/05/28 职场文书
科学发展观演讲稿
2014/09/11 职场文书
幼儿园门卫安全责任书
2015/05/08 职场文书
汤姆叔叔的小屋读书笔记
2015/06/30 职场文书