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实用技巧两则
Aug 29 Python
Python中__name__的使用实例
Apr 14 Python
用ReactJS和Python的Flask框架编写留言板的代码示例
Dec 19 Python
Python首次安装后运行报错(0xc000007b)的解决方法
Oct 18 Python
Python排序搜索基本算法之归并排序实例分析
Dec 08 Python
python实现扫描局域网指定网段ip的方法
Apr 16 Python
python实现名片管理器的示例代码
Dec 17 Python
Tensorflow训练模型越来越慢的2种解决方案
Feb 07 Python
解决Alexnet训练模型在每个epoch中准确率和loss都会一升一降问题
Jun 17 Python
详解Tensorflow不同版本要求与CUDA及CUDNN版本对应关系
Aug 04 Python
Python类绑定方法及非绑定方法实例解析
Oct 09 Python
Python基础详解之邮件处理
Apr 28 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
星际争霸教主Flash的ID由来:你永远不会知道他之前的ID是www!
2019/01/18 星际争霸
玩转图像函数库―常见图形操作
2006/09/03 PHP
在Ubuntu 14.04上部署 PHP 环境及 WordPress
2014/09/02 PHP
ThinkPHP模板中数组循环实例
2014/10/30 PHP
php实现utf-8转unicode函数分享
2015/01/06 PHP
Yii2框架制作RESTful风格的API快速入门教程
2016/11/08 PHP
PHP+mysql实现从数据库获取下拉树功能示例
2017/01/06 PHP
JavaScript 拾漏补遗
2009/12/27 Javascript
jquery $.each()使用探讨
2013/09/23 Javascript
jquery中push()的用法(数组添加元素)
2014/11/25 Javascript
js获取Get值的方法
2016/09/29 Javascript
Bootstrap Table的使用总结
2016/10/08 Javascript
jquery代码规范让代码越来越好看
2017/02/03 Javascript
详解vuex结合localstorage动态监听storage的变化
2018/05/03 Javascript
小程序云开发实战小结
2018/10/25 Javascript
JS基于Location实现访问Url、重定向及刷新页面的方法分析
2018/12/03 Javascript
Vue中多个元素、组件的过渡及列表过渡的方法示例
2019/02/13 Javascript
node微信开发之获取access_token+自定义菜单
2019/03/17 Javascript
使用node搭建自动发图文微博机器人的方法
2019/03/22 Javascript
[43:51]2018DOTA2亚洲邀请赛3月30日 小组赛B组 EG VS Secret
2018/03/31 DOTA
[03:40]DOTA2抗疫特别篇《英雄年代》
2020/02/28 DOTA
在Python中操作列表之List.pop()方法的使用
2015/05/21 Python
python中的字典使用分享
2016/07/31 Python
Python flask路由间传递变量实例详解
2020/06/03 Python
基于HTML5 的人脸识别活体认证的实现方法
2016/06/22 HTML / CSS
eBay德国站:eBay.de
2017/09/14 全球购物
Spartoo西班牙官网:法国时尚购物网站
2018/03/27 全球购物
写出SQL四条最基本的数据操作语句(DML)
2012/12/12 面试题
大学生军训感想
2014/02/16 职场文书
大学生先进事迹材料
2014/02/16 职场文书
给孩子的新年寄语
2014/04/08 职场文书
活动主持人开场白
2015/05/28 职场文书
幼儿园教师读书笔记
2015/06/29 职场文书
安全知识竞赛主持词
2015/06/30 职场文书
5种 JavaScript 方式实现数组扁平化
2021/10/05 Javascript
使用Mysql计算地址的经纬度距离和实时位置信息
2022/04/29 MySQL