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