Si bien puedo mostrar una imagen cargada en list_display, ¿es posible hacer esto en la página por modelo (como en la página que obtiene para cambiar un modelo)?

Un modelo de muestra rápida sería:

Class Model1(models.Model):
    image = models.ImageField(upload_to=directory)

El administrador predeterminado muestra la URL de la imagen cargada, pero no la imagen en sí.

¡Gracias!

Seguro. En su clase de modelo, agregue un método como:

def image_tag(self):
    from django.utils.html import escape
    return u'<img src="https://stackoverflow.com/questions/16307307/%s" />' % escape(<URL to the image>)
image_tag.short_description = 'Image'
image_tag.allow_tags = True

y en tu admin.py agregar:

fields = ( 'image_tag', )
readonly_fields = ('image_tag',)

para usted ModelAdmin. Si desea restringir la capacidad de editar el campo de imagen, asegúrese de agregarlo a la exclude atributo.

Nota: Con Django 1.8 y ‘image_tag’ solo en readonly_fields no se mostraba. Con ‘image_tag’ solo en campos, daba error de campo desconocido. Lo necesita tanto en los campos como en readonly_fields para que se muestre correctamente.

Además de la respuesta de Michael C. O’Connor

Tenga en cuenta que desde Django v.1.9 (actualizado, probado y trabajado hasta Django 3.0)

image_tag.allow_tags = True

está en desuso y debería usar format_html(), format_html_join() o mark_safe() en su lugar

Entonces, si está almacenando sus archivos cargados en su carpeta pública/directorio, su código debería verse así:

from django.utils.html import mark_safe


    Class Model1(models.Model):
        image = models.ImageField(upload_to=directory)

        def image_tag(self):
            return mark_safe('<img src="/directory/%s" width="150" height="150" />' % (self.image))

        image_tag.short_description = 'Image'

y en tu admin.py agrega:

fields = ['image_tag']
readonly_fields = ['image_tag']

Se puede hacer en admin sin modificar el modelo.

from django.utils.html import format_html

@admin.register(Model1) 
class Model1Admin(admin.ModelAdmin):

    def image_tag(self, obj):
        return format_html('<img src="{}" />'.format(obj.image.url))

    image_tag.short_description = 'Image'

    list_display = ['image_tag',]

Para Django 1.9
Para mostrar la imagen en lugar de la ruta del archivo en las páginas de edición, usar ImageWidget es una buena manera de hacerlo.

from django.contrib.admin.widgets import AdminFileWidget
from django.utils.translation import ugettext as _
from django.utils.safestring import mark_safe
from django.contrib import admin


class AdminImageWidget(AdminFileWidget):
    def render(self, name, value, attrs=None):
        output = []
        if value and getattr(value, "url", None):
            image_url = value.url
            file_name = str(value)
            output.append(u' <a href="https://stackoverflow.com/questions/16307307/%s" target="_blank"><img src="https://stackoverflow.com/questions/16307307/%s" alt="https://stackoverflow.com/questions/16307307/%s" /></a> %s ' % \
                          (image_url, image_url, file_name, _('Change:')))
        output.append(super(AdminFileWidget, self).render(name, value, attrs))
        return mark_safe(u''.join(output))


class ImageWidgetAdmin(admin.ModelAdmin):
    image_fields = []

    def formfield_for_dbfield(self, db_field, **kwargs):
        if db_field.name in self.image_fields:
            request = kwargs.pop("request", None)
            kwargs['widget'] = AdminImageWidget
            return db_field.formfield(**kwargs)
        return super(ImageWidgetAdmin, self).formfield_for_dbfield(db_field, **kwargs)

Uso:

class IndividualBirdAdmin(ImageWidgetAdmin):
    image_fields = ['thumbNail', 'detailImage']

Las imágenes aparecerán para los campos, thumbNail y detailImage

Con django-imagekit Puedes agregar cualquier imagen como esta:

from imagekit.admin import AdminThumbnail

@register(Fancy)
class FancyAdmin(ModelAdmin):
    list_display = ['name', 'image_display']
    image_display = AdminThumbnail(image_field='image')
    image_display.short_description = 'Image'

    readonly_fields = ['image_display']  # this is for the change form

Si bien hay algunas buenas soluciones funcionales que ya se han compartido aquí, siento que el marcado que no es de formulario, como las etiquetas de imágenes auxiliares, pertenecen a las plantillas, no se agregan a los widgets de formulario de Django ni se generan en las clases de administración del modelo. Una solución más semántica es:

Anulaciones de plantillas de administración

Nota: Aparentemente, mi reputación no es lo suficientemente alta como para publicar más de dos enlaces simples, por lo que creé anotaciones en el siguiente texto e incluí las URL respectivas al final de esta respuesta.

Desde el Documentación del sitio de administración de Django:

Es relativamente fácil anular muchas de las plantillas que utiliza el módulo de administración para generar las distintas páginas de un sitio de administración. Incluso puede anular algunas de estas plantillas para una aplicación específica o un modelo específico.

de Django django.contrib.admin.options.ModelAdmin (comúnmente accedido bajo el espacio de nombres django.contrib.admin.ModelAdmin) presenta una serie de posibles rutas de plantilla para Cargador de plantillas de Django en orden de lo más específico a lo menos. Este fragmento fue copiado directamente de django.contrib.admin.options.ModelAdmin.render_change_form:

return TemplateResponse(request, form_template or [
    "admin/%s/%s/change_form.html" % (app_label, opts.model_name),
    "admin/%s/change_form.html" % app_label,
    "admin/change_form.html"
], context)

Por lo tanto, considerando la documentación de anulación de la plantilla de administración de Django mencionada anteriormente y las rutas de búsqueda de plantillas, supongamos que uno ha creado una aplicación “artículos” en la que se define una clase de modelo “Artículo”. Si uno quiere anular o extender solo el formulario de cambio de sitio de administración de Django predeterminado para el modelo articles.models.Articlese ejecutarían los siguientes pasos:

1. Cree una estructura de directorio de plantilla para el archivo de anulación.
   • Aunque la documentación no lo menciona, el cargador de plantillas buscará primero en los directorios de aplicaciones si APP_DIRS¹ se establece en True.
   • Debido a que uno quiere anular la plantilla del sitio de administración de Django por etiqueta de aplicación y por modelo, la jerarquía de directorios resultante sería: <project_root>/articles/templates/admin/articles/article/
2. Cree los archivos de plantilla en su nueva estructura de directorios.
   • Solo se debe anular el formulario de cambio de administrador, así que cree change_form.html.
   • El camino final y absoluto será <project_root>/articles/templates/admin/articles/article/change_form.html
3. Anule por completo o simplemente amplíe la plantilla de formulario de cambio de administrador predeterminada.
   • No pude encontrar ninguna información en la documentación de Django sobre los datos de contexto disponibles para las plantillas del sitio de administración predeterminadas, por lo que me vi obligado a mirar el código fuente de Django.
     • Plantilla de formulario de cambio predeterminada: github.com/django/django/blob/master/django/contrib/admin/templates/admin/change_form.html
     • Algunas de las definiciones relevantes del diccionario de contexto se pueden encontrar en
       django.contrib.admin.options.ModelAdmin._changeform_view y django.contrib.admin.options.ModelAdmin.render_change_form

Mi solución

Suponiendo que el nombre de mi atributo ImageField en el modelo sea “archivo”, la anulación de mi plantilla para implementar vistas previas de imágenes sería similar a esto:

{% extends "admin/change_form.html" %}

{% block field_sets %}
{% if original %}
<div class="aligned form-row">
    <div>
        <label>Preview:</label>
        <img
            alt="image preview"
            src="/{{ original.file.url }}"
            style="max-height: 300px;">
    </div>
</div>
{% endif %}
{% for fieldset in adminform %}
  {% include "admin/includes/fieldset.html" %}
{% endfor %}
{% endblock %}

original parece ser la instancia del modelo a partir de la cual se generó ModelForm. Aparte, normalmente no uso CSS en línea, pero no valía la pena un archivo separado para una sola regla.

Fuentes:

1. docs.djangoproject.com/en/dev/ref/settings/#app-dirs

Estaba tratando de resolverlo yo mismo y esto es lo que se me ocurrió

@admin.register(ToDo)
class ToDoAdmin(admin.ModelAdmin):
    def image_tag(self, obj):
        return format_html('<img src="{}" width="auto" height="200px" />'.format(obj.img.url))

    image_tag.short_description = 'Image'

    list_display = ['image_tag']
    readonly_fields = ['image_tag']