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

基本摘要

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

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

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",  #记得一定要添加进入
] 

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("" % 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) 

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)

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.*)", 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"))

链接：