Django: Mostrar imagen en la interfaz de administrador

Question

He definido un modelo que contiene un enlace y una imagen. ¿Hay alguna manera de mostrar la imagen en la lista de elementos del modelo? Mi modelo se ve así:

class Article(models.Model): 
    url = models.CharField(max_length = 200, unique = True) 
    title = models.CharField(max_length = 500) 
    img = models.CharField(max_length = 100) # Contains path to image 

    def __unicode__(self): 
     return u"%s" %title 

¿Hay alguna manera de mostrar la imagen junto con el título?

Answer 1

Puede crear un método de instancia modelo con otro nombre, permitir etiquetas HTML para su resultado y agregar este método como un campo de lista. He aquí un ejemplo:

primero Añadir un nuevo método de devolver el HTML para la inclusión imagen:

class Article(models.Model): 
    ... 
    def admin_image(self): 
     return '<img src="%s"/>' % self.img 
    admin_image.allow_tags = True 

A continuación, agregue este método a la lista:

class ArticleAdmin(admin.ModelAdmin):  
    ... 
    list_display = ('url', 'title', 'admin_image') 

Answer 2

Puede sobrescribir la vista de administrador de django para su modelo. Vea http://docs.djangoproject.com/en/dev/ref/contrib/admin/#overriding-admin-templates para más detalles.

En resumen, debe crear una plantilla: templates/admin/your_app/article/change_form.html Y allí agregue html para mostrar la imagen.

Answer 3

http://www.djangosnippets.org/snippets/239/

ahí que, además, si está utilizando 1.2 se puede combinar lo anterior con campos de sólo lectura.

Answer 4

(estoy usando Django 1.5) Además de seguir los pasos de la respuesta aceptada, TAMBIÉN tuve que marcar la etiqueta de la imagen como "segura"

Para ello, ajuste el valor de retorno w con el método mark_safe del paquete django.utils.safestring. ejemplo

código: https://stackoverflow.com/a/14075441/1063031

docs django: https://docs.djangoproject.com/en/dev/howto/custom-template-tags/#filters-and-auto-escaping

Answer 5

def image_tag(self, obj): 
    return u'<img src="%s" />' % obj.image 

image_tag.short_description = 'Image' 
image_tag.allow_tags = True 

y en su complemento: admin.py

readonly_fields = ('image_tag',) 

Answer 6

También puede agregar la imagen directamente en el administrador

class ArticleAdmin(admin.ModelAdmin): 

    def admin_image(self, obj):      
     return '<img src="%s"/>' % obj.img 
    admin_image.allow_tags = True 

    list_display = ('url', 'title', 'admin_image')