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

基本摘要

用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}),
]

• 效果图片：

 

效果 图一

 

效果 图二

官方文档说明：

默认情况下，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