Как реализовать загрузку нескольких картинок и видео в админке Django?

@fof_fa · Регистрация: 27.09.2015

Студворк — интернет-сервис помощи студентам

Есть приложение blog. В админке заполняется заголовок, текст и должно загружаться несколько картинок и несколько видео и чтобы сразу в админке отображались миниатюры загруженных медиафайлов. Соответственно во фронтенде в статье отображаются 2 галереи, одна с фото, вторая с видео. В сети нашел как загружать только одну картинку.

@m0nte-cr1st0 · 21.03.2019, 14:04

fof_fa, Multiupload files. Ищите в этом направление. Пытайтесь сами решить этот вопрос. Тем боле что примеров в сети полно на эту тему.
Если не получится, тогда выкладывайте свой код и Вам, возможно, помогут. А так никто за вас писать с нуля ничего ну будет ~~наверное~~.
Можете в стороно Inline посмотреть. Довольно простое решение.

@fof_fa · 01.04.2019, 12:43 **[ТС]**

Вылезли ошибки:
1.

Python
1
2
3
python manage.py makemigrations blog
 content_type = models.ForeignKey(ContentType, on_delete=models.CASCADE)
NameError: name 'ContentType' is not defined

2. После добавление inlines в admin.py cайт отключился, вышла надпись "We're sorry, but something went wrong. The issue has been logged for investigation. Please try again later."

Вот код:

models.py

Python
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
import datetime
from django.utils import timezone
from django.db import models
from ckeditor_uploader.fields import RichTextUploadingField
from django.contrib import admin
from django.contrib.contenttypes.fields import GenericForeignKey
 
# Create your models here.
 
 
class Category(models.Model):
    name = models.CharField(max_length=120)
    id = models.AutoField
 
    def __unicode__(self):
        return self.name
        
    def __str__(self):
        return self.name 
        
    def get_absolute_url(self):
        return "/%s/" %(self.id)
 
    class Meta:
        verbose_name = 'Категория'
        verbose_name_plural = 'Категории'
 
class Post(models.Model):
    id = models.AutoField
    title = models.CharField(max_length=120, verbose_name="Название статьи")
    description = models.TextField(default='Описание')
    keywords = models.CharField(max_length=120, default='Ключевые слова')
    category = models.ForeignKey(Category, null=True, blank=True, verbose_name="Категория", on_delete=models.SET_NULL)
    content = RichTextUploadingField()
    visible = models.BooleanField(default=1)
    updated = models.DateTimeField(auto_now=True, auto_now_add=False)
    timestamp = models.DateTimeField(auto_now=False, auto_now_add=True)
    
    def __unicode__(self):
        return self.title
    
    def __str__(self):
        return self.title
    
    def get_absolute_url(self):
        return "/%s/" %(self.id)
    
    class Meta:
        ordering = ["-id", "-timestamp"]
        verbose_name = 'Статья'
        verbose_name_plural = 'Статьи'
 
class ImageSet(models.Model):
    id = models.AutoField
    post = models.ForeignKey(Post, null=True, blank=True, verbose_name="Статья", on_delete=models.SET_NULL)
    image = models.ImageField(upload_to='media/%Y/%m/%d/')
    content_type = models.ForeignKey(ContentType, on_delete=models.CASCADE)
    content_object = GenericForeignKey("content_type", "id")
 
    class Meta:
        verbose_name = 'Фото к статье'
        verbose_name_plural = 'Фото к статьям'
 
class VideoSet(models.Model):
    id = models.AutoField
    post = models.ForeignKey(Post, null=True, blank=True, verbose_name="Статья", on_delete=models.SET_NULL)
    video = models.FileField(upload_to='media/%Y/%m/%d/')
    content_type = models.ForeignKey(ContentType, on_delete=models.CASCADE)
    content_object = GenericForeignKey("content_type", "id")
 
    class Meta:
        verbose_name = 'Видео к статье'
        verbose_name_plural = 'Видео к статьям'

admin.py

Python
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
from django.contrib import admin
from django.contrib.contenttypes.admin import GenericTabularInline
 
# Register your models here.
 
from .models import Post, ImageSet, VideoSet, Category
 
class MediaInline(GenericTabularInline):
    model = ImageSet, VideoSet
 
@admin.register(Post)
class PostAdmin(admin.ModelAdmin):
    list_display = ["title","updated", "category","timestamp"]
    list_display_links = ["title",]
    list_filter = ["title", "updated","category", "timestamp"]
    search_fields = ["title", "category","updated", "timestamp"]
    inlines = [
       MediaInline,
    ]
    class Meta:
        model = Post
 
@admin.register(Category)
class CategoryAdmin(admin.ModelAdmin):
    list_display = ["id" ,"name"]
    list_editable = ["name"]
    search_fields = ["name"]
    class Meta:
        model = Category

Вопросы:
Зачем связывать модели ImageSet и VideoSet с моделью ContentType для того, чтобы в админке при редактировании статьи можно было добавлять/удалять фото/видео? Можно ли просто в admin.py к классу PostAdmin добавить Inlines?
Почему Django не видит ContentType? Код

Python
1
content_type = models.ForeignKey(ContentType, on_delete=models.CASCADE)

взял из документации, в INSTALLED_APPS приложение django.contrib.contenttypes включено.
Как исправить ошибки?

@m0nte-cr1st0 · 01.04.2019, 13:14

fof_fa, а где Ваша модель ContentType, на которую вы ссылаетесь через FK?

@fof_fa · 01.04.2019, 15:40 **[ТС]**

Сообщение от m0nte-cr1st0

fof_fa, а где Ваша модель ContentType, на которую вы ссылаетесь через FK?

В django.contrib.contenttypes.models

@fof_fa · 01.04.2019, 16:06 **[ТС]**

Сообщение от m0nte-cr1st0

fof_fa, а где Ваша модель ContentType, на которую вы ссылаетесь через FK?

Добавил в models.py строчку from django.contrib.contenttypes.models import ContentType

Python
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
import datetime
from django.utils import timezone
from django.db import models
from ckeditor_uploader.fields import RichTextUploadingField
from django.contrib import admin
from django.contrib.contenttypes.fields import GenericForeignKey
from django.contrib.contenttypes.models import ContentType
 
# Create your models here.
 
 
class Category(models.Model):
    name = models.CharField(max_length=120)
    id = models.AutoField
 
    def __unicode__(self):
        return self.name
        
    def __str__(self):
        return self.name 
        
    def get_absolute_url(self):
        return "/%s/" %(self.id)
 
    class Meta:
        verbose_name = 'Категория'
        verbose_name_plural = 'Категории'
 
class Post(models.Model):
    id = models.AutoField
    title = models.CharField(max_length=120, verbose_name="Название статьи")
    description = models.TextField(default='Описание')
    keywords = models.CharField(max_length=120, default='Ключевые слова')
    category = models.ForeignKey(Category, null=True, blank=True, verbose_name="Категория", on_delete=models.SET_NULL)
    content = RichTextUploadingField()
    visible = models.BooleanField(default=1)
    updated = models.DateTimeField(auto_now=True, auto_now_add=False)
    timestamp = models.DateTimeField(auto_now=False, auto_now_add=True)
    
    def __unicode__(self):
        return self.title
    
    def __str__(self):
        return self.title
    
    def get_absolute_url(self):
        return "/%s/" %(self.id)
    
    class Meta:
        ordering = ["-id", "-timestamp"]
        verbose_name = 'Статья'
        verbose_name_plural = 'Статьи'
 
class ImageSet(models.Model):
    id = models.AutoField
    object_id = models.PositiveIntegerField(null=True, default=1)
    post = models.ForeignKey(Post, null=True, blank=True, verbose_name="Статья", on_delete=models.SET_NULL)
    image = models.ImageField(upload_to='media/%Y/%m/%d/')
    content_type = models.ForeignKey(ContentType, on_delete=models.CASCADE, default=20)
    content_object = GenericForeignKey("content_type", "object_id")
 
    class Meta:
        verbose_name = 'Фото к статье'
        verbose_name_plural = 'Фото к статьям'
 
class VideoSet(models.Model):
    id = models.AutoField
    object_id = models.PositiveIntegerField(null=True)
    post = models.ForeignKey(Post, null=True, blank=True, verbose_name="Статья", on_delete=models.SET_NULL)
    video = models.FileField(upload_to='media/%Y/%m/%d/')
    content_type = models.ForeignKey(ContentType, on_delete=models.CASCADE, default=20)
    content_object = GenericForeignKey("content_type", "object_id")
 
    class Meta:
        verbose_name = 'Видео к статье'
        verbose_name_plural = 'Видео к статьям'

admin.py

Python
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
from django.contrib import admin
from django.contrib.contenttypes.admin import GenericTabularInline
 
# Register your models here.
 
from .models import Post, ImageSet, VideoSet, Category
 
class ImageInline(GenericTabularInline):
    model = ImageSet
 
class VideoInline(GenericTabularInline):
    model = VideoSet
 
@admin.register(Post)
class PostAdmin(admin.ModelAdmin):
    list_display = ["title","updated", "category","timestamp"]
    list_display_links = ["title",]
    list_filter = ["title", "updated","category", "timestamp"]
    search_fields = ["title", "category","updated", "timestamp"]
    inlines = [
       ImageInline,
       VideoInline,
    ]
    class Meta:
        model = Post
 
@admin.register(Category)
class CategoryAdmin(admin.ModelAdmin):
    list_display = ["id" ,"name"]
    list_editable = ["name"]
    search_fields = ["name"]
    class Meta:
        model = Category

Заработало. Только теперь возникла проблема: в статье снизу добавились 2 списка "Фото к статьям" и "Видео статьям" и в этих списках отображаются вообще все фото и видео, которые есть в модели. Получается при добавлении фото и видео в других статьях списки будут разрастаться до бесконечности. Куда копать, чтобы сделать так, чтобы отображались только фото/видео привязанные к данной статье?

@m0nte-cr1st0 · 01.04.2019, 17:01

fof_fa, а что если в админке TabularInline вместо Generic использовать?

@fof_fa · 01.04.2019, 17:46 **[ТС]**

Сообщение от m0nte-cr1st0

fof_fa, а что если в админке TabularInline вместо Generic использовать?

Да, так отображаются только связанные с постом медиафайлы

@fof_fa · 02.04.2019, 12:05 **[ТС]**

При добавлении поля ImageField после python manage.py makemigrations blog выходит сообщение:

Python
1
2
3
4
You are trying to add a non-nullable field 'image' to category without a default; we can't do that (the database needs something to populate existing rows).
Please select a fix:
 1) Provide a one-off default now (will be set on all existing rows with a null value for this column)
 2) Quit, and let me add a default in models.py

models.py

Python
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
class Category(models.Model):
    id = models.AutoField
    name = models.CharField(max_length=120)    
    image = models.ImageField(upload_to='media/%Y/%m/%d/')
 
    def __unicode__(self):
        return self.name
        
    def __str__(self):
        return self.name 
        
    def get_absolute_url(self):
        return "/%s/" %(self.id)
 
    class Meta:
        verbose_name = 'Категория'
        verbose_name_plural = 'Категории'

Раньше при добавлении ImageField сообщений об ошибке не было. Что делать?

@m0nte-cr1st0 · 02.04.2019, 12:21

fof_fa, это не ошибка. установите дефолтное значение.

Новые блоги и статьи Все статьи Все блоги /
SDL3 для Web (WebAssembly): Синхронизация спрайтов SDL3 и тел Box2D 8Observer8 04.03.2026 Содержание блога Финальная демка в браузере. Итоговый код: finish-sync-physics-sprites-sdl3-c. zip На первой гифке отладочные линии отключены, а на второй включены:. . .	SDL3 для Web (WebAssembly): Идентификация объектов на Box2D v3 - использование userData и событий коллизий 8Observer8 02.03.2026 Содержание блога Финальная демка в браузере. Итоговый код: finish-collision-events-sdl3-c. zip https:/ / www. cyberforum. ru/ blog_attachment. php?attachmentid=11680&d=1772460536 Одним из. . .	Реалии Hrethgir 01.03.2026 Нет, я не закончил до сих пор симулятор. Эта задача сложнее. Не получилось уйти в плавсостав, но оно и к лучшему, возможно. Точнее получалось - но сварщиком в палубную команду, а это значит, в моём. . .	Ритм жизни kumehtar 27.02.2026 Иногда приходится жить в ритме, где дел становится всё больше, а вовлечения в происходящее — всё меньше. Плотный график не даёт вниманию закрепиться ни на одном событии. Утро начинается с быстрых,. . .
SDL3 для Web (WebAssembly): Сборка библиотек: SDL3, Box2D, FreeType, SDL3_ttf, SDL3_mixer и SDL3_image из исходников с помощью CMake и Emscripten 8Observer8 27.02.2026 Недавно вышла версия 3. 4. 2 библиотеки SDL3. На странице официальной релиза доступны исходники, готовые DLL (для x86, x64, arm64), а также библиотеки для разработки под Android, MinGW и Visual Studio. . . .	SDL3 для Web (WebAssembly): Реализация движения на Box2D v3 - трение и коллизии с повёрнутыми стенами 8Observer8 20.02.2026 Содержание блога Box2D позволяет легко создать главного героя, который не проходит сквозь стены и перемещается с заданным трением о препятствия, которые можно располагать под углом, как верхнее. . .	Конвертировать закладки radiotray-ng в m3u-плейлист damix 19.02.2026 Это можно сделать скриптом для PowerShell. Использование . \СonvertRadiotrayToM3U. ps1 <path_to_bookmarks. json> Рядом с файлом bookmarks. json появится файл bookmarks. m3u с результатом. # Check if. . .	Семь CDC на одном интерфейсе: 5 U[S]ARTов, 1 CAN и 1 SSI Eddy_Em 18.02.2026 Постепенно допиливаю свою "многоинтерфейсную плату". Выглядит вот так: https:/ / www. cyberforum. ru/ blog_attachment. php?attachmentid=11617&stc=1&d=1771445347 Основана на STM32F303RBT6. На борту пять. . .

@fof_fa 0 / 0 / 0 Регистрация: 27.09.2015 Сообщений: 70

	Как реализовать загрузку нескольких картинок и видео в админке Django? 21.03.2019, 13:43. Показов 11079. Ответов 9 Метки django 2.1, админка (Все метки) Есть приложение blog. В админке заполняется заголовок, текст и должно загружаться несколько картинок и несколько видео и чтобы сразу в админке отображались миниатюры загруженных медиафайлов. Соответственно во фронтенде в статье отображаются 2 галереи, одна с фото, вторая с видео. В сети нашел как загружать только одну картинку. 0

@m0nte-cr1st0 1043 / 578 / 242 Регистрация: 15.01.2019 Сообщений: 2,178 Записей в блоге: 1
	21.03.2019, 14:04
	fof_fa, Multiupload files. Ищите в этом направление. Пытайтесь сами решить этот вопрос. Тем боле что примеров в сети полно на эту тему. Если не получится, тогда выкладывайте свой код и Вам, возможно, помогут. А так никто за вас писать с нуля ничего ну будет ~~наверное~~. Можете в стороно Inline посмотреть. Довольно простое решение. 0

@m0nte-cr1st0 1043 / 578 / 242 Регистрация: 15.01.2019 Сообщений: 2,178 Записей в блоге: 1
	01.04.2019, 13:14
	fof_fa, а где Ваша модель ContentType, на которую вы ссылаетесь через FK? 0

@m0nte-cr1st0 1043 / 578 / 242 Регистрация: 15.01.2019 Сообщений: 2,178 Записей в блоге: 1
	01.04.2019, 17:01
	Сообщение было отмечено fof_fa как решение Решение fof_fa, а что если в админке TabularInline вместо Generic использовать? 1

@m0nte-cr1st0 1043 / 578 / 242 Регистрация: 15.01.2019 Сообщений: 2,178 Записей в блоге: 1
	02.04.2019, 12:21
	fof_fa, это не ошибка. установите дефолтное значение. 0

Как реализовать загрузку нескольких картинок и видео в админке Django?

Решение