Django xadmin图片上传与缩略图处理

时间：2022-11-18 11:13:10

基本摘要

用python django开发时，个人选中Xadmin后台管理系统框架，因为它*内置功能丰富， 不仅提供了基本的CRUD功能，还内置了丰富的插件功能。包括数据导出、书签、图表、数据添加向导及图片相册等多种扩展功能。但是上传图片时想实现图片文件重命名并生成图片预览图时，从网上找了一些大牛写的代码，在自己的项目中出错，所以自己摸索找到使用django-stdimage(参考官方文档)生成预览图+图片重命名的解决办法，代码如下：

  • step 1. 安装

pip install django-stdimage==3.2.0 -i "https://pypi.doubanio.com/simple/"

  • step 2. 配置settings.py

step 3. 配置models.py

INSTALLED_APPS = [

    'django.contrib.admin',

    'django.contrib.auth',

    'django.contrib.contenttypes',

    'django.contrib.sessions',

    'django.contrib.messages',

    'django.contrib.staticfiles',

    'stdimage',  #记得一定要添加进入

]

  • step 3. 配置models.py

from datetime import datetime

from stdimage.models import StdImageField

from stdimage.utils import UploadToUUID

class Banner(models.Model):

    title = models.CharField(max_length=100, verbose_name=u"标题")

    image = StdImageField(max_length=100,

    upload_to=UploadToUUID(path=datetime.now().strftime('banner/%Y/%m')),

                          verbose_name=u"轮播图",

                          variations={'thumbnail': {'width': 100, 'height': 75}})

    url = models.CharField(max_length=100, verbose_name=u"访问地址")

    index = models.IntegerField(default=100, verbose_name=u"顺序")

    add_time = models.DateTimeField(default=datetime.now, verbose_name=u"添加时间")

    class Meta:

        verbose_name = u"轮播图"

        verbose_name_plural = verbose_name

    def image_img(self):

        if self.image:

            return str('<img src="%s" />' % self.image.thumbnail.url)

        else:

            return u'上传图片'

    image_img.short_description = '轮播图'

    image_img.allow_tags = True

    def __str__(self):

        return '{0}(位于第{1}位)'.format(self.title, self.index)

  • step 4. 配置adminx.py

class BannerAdmin(object):

    #显示不要用image，而应该用image_img

    list_display = ['title', 'image_img', 'url', 'index', 'add_time']

    search_fields = ['title', 'url', 'index']

    list_filter = ['title',  'url', 'index', 'add_time']

#注册轮播图

xadmin.site.register(Banner, BannerAdmin)

  • step 5. 配置urls.py

from django.urls import path, re_path

from django.views.static import serve

import xadmin

from Aiword.settings import MEDIA_ROOT

urlpatterns = [

    path('xadmin/', xadmin.site.urls),

    # 处理图片显示的url,使用Django自带serve,

    # 传入参数告诉它去哪个路径找，我们有配置好的路径MEDIAROOT

    re_path('media/(?P<path>.*)', serve, {"document_root": MEDIA_ROOT}),

]

  • 效果图片：

 
Django xadmin图片上传与缩略图处理
效果 图一
 
Django xadmin图片上传与缩略图处理
效果 图二

官方文档说明：

默认情况下，StdImageField 存储图像而不修改文件名。
如果您想使用更一致的文件名，可以使用内置的上传调用
比如：

from stdimage.utils import UploadToUUID, UploadToClassNameDir, \

UploadToAutoSlug,UploadToAutoSlugClassNameDir

class MyClass(models.Model):

    title = models.CharField(max_length=50)    

    # 文件保存到 MEDIA_ROOT/myclass/#FILENAME#.#EXT#

    image1 = StdImageField(upload_to=UploadToClassNameDir())    

    # 文件上传时文件名自定义后保存到 MEDIA_ROOT/myclass/pic.#EXT#

    image2 = StdImageField(upload_to=UploadToClassNameDir(name='pic'))    

    # 文件名自动uuid重命名上传到-> MEDIA_ROOT/images/#UUID#.#EXT#

    image3 = StdImageField(upload_to=UploadToUUID(path='images'))    

    # 文件根据uuid规则进行文件重命名并上传到 MEDIA_ROOT/myclass/#UUID#.#EXT#

    image4 = StdImageField(upload_to=UploadToClassNameDirUUID())    

    # 文件保存到 MEDIA_ROOT/images/#SLUG#.#EXT#

    image5 = StdImageField(upload_to=UploadToAutoSlug(populate_from='title'))    

    # 文件保存到 MEDIA_ROOT/myclass/#SLUG#.#EXT#

   image6 =StdImageField(

          upload_to=UploadToAutoSlugClassNameDir(populate_from='title'))

　　

链接：https://www.jianshu.com/p/c72660280113

相关文章