django ModelForm修改显示缩略图 imagefield类型的实例

作者:jack_jk 时间:2021-04-28 16:16:37 

在使用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}

来源:https://blog.csdn.net/jkloving/article/details/78540632

标签:django,ModelForm,缩略图,imagefield
0
投稿

猜你喜欢

  • Python递归遍历列表及输出的实现方法

    2022-12-08 17:08:11
  • 如何列出我所需要数据视图?

    2010-01-12 20:00:00
  • Collatz 序列、逗号代码、字符图网格实例

    2023-07-27 10:24:31
  • Python与AI分析时间序列数据

    2022-02-25 09:36:07
  • python中的不可变数据类型与可变数据类型详解

    2022-12-27 21:56:24
  • Python 数据结构之队列的实现

    2021-11-28 15:27:26
  • JavaScript实现星座查询功能 附详细代码

    2024-05-05 09:15:43
  • mysql installer community 5.7.16安装详细教程

    2024-01-17 04:55:04
  • Python使用SQLite和Excel操作进行数据分析

    2023-11-27 22:32:28
  • Centos环境部署django项目的全过程(永久复用)

    2021-06-17 00:37:28
  • python多维数组切片方法

    2021-05-24 11:35:49
  • 停止事件冒泡和阻止浏览器默认行为的脚本

    2008-09-09 22:09:00
  • JavaScript自定义分页样式

    2023-07-02 05:29:46
  • python用reduce和map把字符串转为数字的方法

    2023-05-06 08:23:42
  • 巧用缓存提高ASP应用程序的性能

    2008-03-09 15:23:00
  • python tkinter 做个简单的计算器的方法

    2023-12-20 18:18:27
  • 如何在windows下安装Pycham2020软件(方法步骤详解)

    2023-05-19 14:07:30
  • Python Django实现个人博客系统的搭建

    2021-12-17 15:04:58
  • win2003上安装SQL2000时CD-KEY(序列号)无法验证解决方法

    2024-01-15 16:36:19
  • QingScan扫描器安装、使用小结

    2023-03-24 03:28:09
  • asp之家 网络编程 m.aspxhome.com