在列表中显示ImageField的图片预览
编辑应用的models.py,添加下面代码:
class Product(models.Model):
# ...
image = models.ImageField(upload_to='products/%Y/%m/%d', blank=True)
def image_data(self):
if self.image:
return format_html(
'<img src="/media/{}" width="100px" >',
self.image,
)
else:
return format_html(
'<img src="/static/shop/no_image.png" width="100px" >'
)
如果图片无法正常显示,请检查关于media和static相关配置
项目setting.py
STATIC_URL = "static/"
MEDIA_URL = '/media/'
MEDIA_ROOT = os.path.join(BASE_DIR, 'media/')
项目urls.py
urlpatterns = [
#...
]
if settings.DEBUG:
urlpatterns += static(settings.MEDIA_URL, document_root=settings.MEDIA_ROOT)
在编辑页面预览图片
使用readonly_field添加image_data字段
@admin.register(Product)
class ProductAdmin(admin.ModelAdmin):
list_display = ['name','slug','price','available','created','updated','image_data']
list_filter = ['available','created','updated']
list_editable = ['price','available']
prepopulated_fields = {'slug':('name',)}
readonly_fields = ('image_data',)
关于shop应用更多信息,请查看
Django初创shop应用-CSDN博客
Django使用session管理购物车-CSDN博客文章来源:https://www.toymoban.com/news/detail-817893.html
Django创建订单-CSDN博客文章来源地址https://www.toymoban.com/news/detail-817893.html
到了这里,关于Django后台列表显示图片的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!