首页 > Web开发 > 详细

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

时间:2020-01-08 22:31:56      阅读:97      评论:0      收藏:0      [点我收藏+]

基本摘要

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

 

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

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

原文:https://www.cnblogs.com/zmdComeOn/p/12168740.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!