xadmin引入django-stdimage在列表页预览图片

一、安装

pip install django-stdimage

安装django-stdimage库

https://github.com/codingjoe/django-stdimage

GitHub主页

二、配置demo/settings.py:

‘stdimage‘,# django-stdimage

其他的配置不用更改

也没有静态资源文件

三、模型product/models.py:

修改产品图片字段

from ckeditor_uploader.fields import RichTextUploadingFieldfrom django.db import models

# Create your models here.from stdimage import StdImageField

class ProductInfo(models.Model):    # 产品表

    product_name = models.CharField(max_length=32, verbose_name="产品名称")    # 产品名称

    product_picture = StdImageField(        upload_to=‘pictures/%Y%m%d‘,        blank=True,        null=True,        variations={            ‘large‘: (600, 400),            ‘thumbnail‘: (100, 100, True),            ‘medium‘: (300, 200),        },        delete_orphans=True,        verbose_name="产品图片"    )    # 产品图片

    product_describe = models.CharField(max_length=255, verbose_name="产品描述")    # 产品描述    product_manager = models.CharField(max_length=11, verbose_name="产品经理")    # 产品经理    product_detail = RichTextUploadingField(verbose_name="产品详情", default="")    # 产品详情,带有上传图片功能的富文本编辑器    create_time = models.DateTimeField(auto_now_add=True, verbose_name="创建时间")    # 创建时间    update_time = models.DateTimeField(auto_now=True, blank=True, null=True, verbose_name="修改时间")    # 修改时间

    class Meta:        db_table = ‘product_info‘        # 设置表名,默认表名是:应用名称_模型类名        # 带有应用名的表名太长了

        verbose_name = ‘产品列表‘        verbose_name_plural = "产品列表"

    def product_picture_preview(self):        return ‘<img src="%s" />‘ % self.product_picture.thumbnail.url

    product_picture_preview.short_description = "产品图片"    product_picture_preview.allow_tags = True

    def __str__(self):        return self.product_name

四、admin注册product/admin.py:

list_display = [    ‘id‘,    ‘product_name‘,    ‘product_picture_preview‘,    # 产品图片,不是product_picture    ‘product_describe‘,    ‘product_manager‘,    ‘product_detail‘,    ‘create_time‘,    ‘update_time‘,]# 要显示的字段列表

五、admin管理后台:

原文地址:https://www.cnblogs.com/yjlch1016/p/11380414.html

时间: 2024-10-10 22:27:10

xadmin引入django-stdimage在列表页预览图片的相关文章

BookBlock - 效果非常真实的书本翻页预览

这个名为 BookBlock 的图片预览效果是一个书展示或网上书店的概念,已全屏打开3D页面导航网格的形式显示图书的详细信息.我们可以打开书预览的摘录,其中有一些细节的网格.对于图书预览,我们在使用 BookBlock 全屏展示,对于更小的书本我们使用3D的方式打开. 在线演示      源码下载 您可能感兴趣的相关文章 网站开发中很有用的 jQuery 效果[附源码] 分享35个让人惊讶的 CSS3 动画效果演示 十分惊艳的8个 HTML5 & JavaScript 特效 Web 开发中很实用

django 上传头像并预览 3选1

注册页面的头像上传 register.html<!DOCTYPE html> 1 <html lang="en"> 2 <head> 3 <meta charset="UTF-8"> 4 <title>Title</title> 5 </head> 6 <body> 7 <div style="margin-left: 30px; margin-top:

plupload上传前预览图片

plupload预览图片有多种方法,主要由moxie的Image提供,Image的downsize.crop.embed都可用来预览图片 1.downsize 最开始做项目的时候,我用的就是downsize来做预览图片 downsize(opts) Downsizes the image to fit the specified width/height. If crop is supplied, image will be cropped to exact dimensions. Argume

调用微信Js-SDK上传、预览图片

$(document).ready(function(){ var url = location.href.split('#')[0]; $.get(rootPath + "/wechat/member/user/getWechatConfig?url=" + url,"",function(data){ wx.config({ debug: false, appId: data.appId, nonceStr: data.nonceStr, signature:

C#.net4建设网页上传图片前客户端预览图片不能显示

搞了好半天,完全照教学资料设的javascrip脚本,但就是显示不了,后来才发觉,原来客户端要把该网站设为信任才能显示. 所以记录一下,以后备查. <script type="text/javascript">        function showphoto() {            alert(document.getElementById("FileUpload1").value);            //把所选图片的全路径+文件名以“f

模拟type=file;上传并预览图片

最近项目的会员中心,要做一个上传本地img并预览的效果.效果大概是这个样子.自己以前没做过:摸着石头过河总算完成了感觉有必要整理一下,写篇博客耍耍. 整体效果大概是这个样子的: 1.点击框框任何地方:弹出选择文件窗口: 2.选择后,再框框区域预览: 3.再次点击框框,更换图片. 下面说说整个实现的过程吧. html代码的结构大概是这样的.    <div class="imgitem secondImg">        <div class="u-add-

微信小程序预览图片

选择图片时可设置图片是否是原图,图片来源.这用的也挺常见的,比如个人中心中设置头像,可以与wx.upLoadFile()API使用 主要方法: wx.chooseImage(object) wxml <!--监听按钮--> <button type="primary" bindtap="listenerButtonChooseImage">点击我选择相册</button> <!--通过数据绑定的方式动态获取js数据-->

Html5选择图片并及时预览图片

以往想要实现图片预览基本都是先传至服务器后等返回链接地址才能进行预览,使用Html5选择图片并及时预览图片的代码如下,使用起来更爽了. <!DOCTYPE html> <html lang="zh-cn"> <head> <meta charset="utf-8" /> <meta name="author" content="EdieLei" /> <titl

Windows server 2008 R2如何预览图片而不是显示图标?

? Previews of media files are disabled by default in Windows Server 2008. In this article we will enable it so we get the small previews back again! 1. Open the?Start?menu and click?Run. Now enter?SystemPropertiesPerformance?and click?OK. In the?Perf