Django | 後臺顯示縮略圖

1,創建 model 類

class ArticleImg(models.Model):
	pass

1.1,新建圖片字段

class ArticleImg(models.Model):
	img_title = models.CharField(max_length=50, verbose_name='圖片標題')
	article_img = models.ImageField(upload_to='article_img', verbose_name='文章大頭圖')
	
	def __str__(self):
		return self.img_title

1.2,創建預覽圖函數

class ArticleImg(models.Model):
	"""
	文章大頭圖
	"""
	img_title = models.CharField(max_length=50, verbose_name='圖片標題')
	article_img = models.ImageField(upload_to='article_img', verbose_name='文章大頭圖')

	def url(self):
		"""
		顯示圖片url
		"""
		if self.article_img:
			return self.article_img.url
		else:
			return "url爲空"

	def images(self):
		"""
		預覽圖
		"""
		href = self.article_img.url
		try:
			img = mark_safe('<img src="%s" width="100px" />' % href)
		except Exception:
			img = ''
		return img

	# 修改列名顯示
	url.short_description = 'URL ( 複製粘貼即可 )'
	images.short_description = '圖片預覽'
	images.allow_tags = True

	def __str__(self):
		return self.img_title

#2,註冊 model類

@admin.register(ArticleImg)
class ArticleImgAdmin(admin.ModelAdmin):
    """
    文章大頭圖
    """
    list_display = (
        'img_title',  # 顯示圖片標題
        'url',  # 圖片url,便於複製
        'images',  # 縮略圖
        'article_img',  # 原生字段顯示
    )

#End,顯示效果 登陸後臺,查看效果

django後臺縮略圖

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章