Не отображаются изображения в шаблоне

@dj_ymep · Регистрация: 21.12.2015

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

Добрый день, помогите, пожалуйста, разобраться. Есть проект на django, все файлы стилей и скрипты грузятся, а вот изображения нет. Хотя если перейти по сслыке изображения напрямую (http://127.0.0.1:8000/static/img/logo-login.svg), то оно скачивается, но не отображается.

Вот мои файлы:

Гланый urls.py

Python
1
2
3
4
urlpatterns = [
    path('admin/', admin.site.urls),
    ......
] + static(settings.STATIC_URL, document_root=settings.STATIC_ROOT)

Дополнительный urls.py

Python
1
2
3
4
5
6
7
8
urlpatterns = [
    path('', index),
    path('cabinet/', cabinet),
    path('users/', include('django.contrib.auth.urls')),
]
 
if settings.DEBUG:
    urlpatterns += static(settings.MEDIA_URL, document_root=settings.MEDIA_ROOT)

Файл settings.py:

Python
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
STATIC_URL = '/static/'
STATIC_ROOT = BASE_DIR / 'static'
STATICFILES_DIRS = [
    os.path.join(BASE_DIR, "TableManager/static")
]
 
# Default primary key field type
# https://docs.djangoproject.com/en/4.1/ref/settings/#default-auto-field
 
DEFAULT_AUTO_FIELD = 'django.db.models.BigAutoField'
 
LOGIN_REDIRECT_URL = '/cabinet/'
 
MEDIA_URL = '/media/'
MEDIA_ROOT = os.path.join(BASE_DIR, 'media')

В чем может быть проблема? Заранее спасибо!

@kazak · 27.03.2023, 15:13

Сообщение от dj_ymep

то оно скачивается, но не отображается.

Что сие значит?

@dj_ymep · 27.03.2023, 15:37 **[ТС]**

Показывает вместо картинки только название.
Название: logo.png
Просмотров: 47

Размер: 1.3 Кб

А если нажать на изображение правой кнопкой и "Открыть изображение на новой вкладке", то оно просто скачивается и все.
Так же изображение скачивается если перейти по прямой ссылке картинки, например http://127.0.0.1:8000/static/img/logo-login.svg.

Получается ее видно, но в шаблонах не отображает ничего.

@kazak · 27.03.2023, 16:38

В шаблоне как картинка прописана?

@dj_ymep · 27.03.2023, 16:41 **[ТС]**

Пробовал и так:

Python
1
<img src="{% static '/img/logo-login.svg' %}" alt="logo" class="login-page__logo">

и так:

Python
1
<img src="/static/img/logo-login.svg" alt="logo" class="login-page__logo">

@kazak · 27.03.2023, 17:22

Сообщение от dj_ymep

Во-первых, на всякий случай,это расширение, чтобы такая конструкция работала, нужно в шаблон добавить

Code
1
{% load static %}

Во-вторых, путь должен быть относительным, т.е. без слеша впереди.

HTML5
1
<img src="{% static 'img/logo-login.svg' %}" alt="logo" class="login-page__logo">

В-третьих, так или иначе запрос картинки должен упасть в логи, там можно посмотреть, какой именно урл формируется и с каким ответом запрос завершается.

@dj_ymep · 28.03.2023, 14:13 **[ТС]**

Добрый день, благодарю за Ваши советы. Методом проб и ошибок выявил, что не загружается только SVG формат, png, например, отображается.

1. {% load static %} прописан.
2. Cлэш убрал - результат тот же.
3. Jтвет от сервера на svg: "GET /static/img/logo-login.svg HTTP/1.1" 200 7480

Вроде все нормально.

@kazak · 28.03.2023, 15:16

Сообщение от dj_ymep

3. Jтвет от сервера на svg: "GET /static/img/logo-login.svg HTTP/1.1" 200 7480

Значит файл скачивается.

Сообщение от dj_ymep

Методом проб и ошибок выявил, что не загружается только SVG формат, png, например, отображается.

Если верить ынтырнетам svg несколько отличается от других каритнок. Тут либо менять формат изображения, либо попробовать другие варианты добавления svg
https://svg-art.ru/?page_id=1047

@dj_ymep · 28.03.2023, 15:27 **[ТС]**

Спасибо! Буду пробовать этими способами.

Новые блоги и статьи Все статьи Все блоги /
Отчёт о спецтехнике находящейся в ремонте Maks 20.04.2026 Отчёт из решения ниже размещен в конфигурации КА2. Задача: отобразить спецтехнику, которая на данный момент находится в ремонте. Есть нетиповой документ "Заявка на ремонт спецтехники" который. . .	Памятка для бота и "визитка" для читателей "Semantic Universe Layer (Слой семантической вселенной)" Hrethgir 19.04.2026 Сгенерировано для краткого описания по случаю сборки и компиляции скелета серверного приложения. И пусть после этого скажут, что статьи сгенерированные AI - туфта и не интересно. И это не реклама -. . .	Запрет удаления строк ТЧ документа при определенном условии Maks 19.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "Аккумуляторы", разработанного в конфигурации КА2. У данного документа есть ТЧ, в которой в зависимости от прав доступа. . .	Модель заражения группы наркоманов alhaos 17.04.2026 Условия задачи сформулированы тут Суть: - Группа наркоманов из 10 человек. - Только один инфицирован ВИЧ. - Колются одной иглой. - Колются раз в день. - Колются последовательно через. . .
Мысли в слух. Про "навсегда". kumehtar 16.04.2026 Подумалось тут, что наверное очень глупо использовать во всяких своих установках понятие "навсегда". Это очень сильное понятие, и я только начинаю понимать край его смысла, не смотря на то что давно. . .	My Business CRM MaGz GoLd 16.04.2026 Всем привет, недавно возникла потребность создать CRM, для личных нужд. Собственно программа предоставляет из себя базу данных клиентов, в которой можно фиксировать звонки, стадии сделки, а также. . .	Знаешь почему 90% людей редко бывают счастливыми? kumehtar 14.04.2026 Потому что они ждут. Ждут выходных, ждут отпуска, ждут удачного момента. . . а удачный момент так и не приходит.	Фиксация колонок в отчете СКД Maks 14.04.2026 Фиксация колонок в СКД отчета типа Таблица. Задача: зафиксировать три левых колонки в отчете. Процедура ПриКомпоновкеРезультата(ДокументРезультат, ДанныеРасшифровки, СтандартнаяОбработка) / / . . .

@dj_ymep 0 / 0 / 0 Регистрация: 21.12.2015 Сообщений: 28
	27.03.2023, 15:37 [ТС]
	Показывает вместо картинки только название. А если нажать на изображение правой кнопкой и "Открыть изображение на новой вкладке", то оно просто скачивается и все. Так же изображение скачивается если перейти по прямой ссылке картинки, например http://127.0.0.1:8000/static/img/logo-login.svg. Получается ее видно, но в шаблонах не отображает ничего. 0

@kazak 3604 / 2744 / 356 Регистрация: 11.03.2009 Сообщений: 6,308
	27.03.2023, 16:38
	В шаблоне как картинка прописана? 0

@dj_ymep 0 / 0 / 0 Регистрация: 21.12.2015 Сообщений: 28
	28.03.2023, 14:13 [ТС]
	Добрый день, благодарю за Ваши советы. Методом проб и ошибок выявил, что не загружается только SVG формат, png, например, отображается. 1. {% load static %} прописан. 2. Cлэш убрал - результат тот же. 3. Jтвет от сервера на svg: "GET /static/img/logo-login.svg HTTP/1.1" 200 7480 Вроде все нормально. 0

@dj_ymep 0 / 0 / 0 Регистрация: 21.12.2015 Сообщений: 28
	28.03.2023, 15:27 [ТС]
	Спасибо! Буду пробовать этими способами. 0

Не отображаются изображения в шаблоне

Решение