Форум программистов, компьютерный форум, киберфорум
Python: Django
Войти
Регистрация
Восстановить пароль
Блоги Сообщество Поиск Заказать работу  
 
Рейтинг 4.86/29: Рейтинг темы: голосов - 29, средняя оценка - 4.86
1 / 1 / 0
Регистрация: 14.12.2019
Сообщений: 16

Как добавить картинку из библиотеки медиафайлов django на страницу html?

23.02.2020, 15:16. Показов 6304. Ответов 4
Метки нет (Все метки)

Студворк — интернет-сервис помощи студентам
Допустим есть такая модель:
Python
1
2
class Product(models.Model):
    product_image = models.ImageField(upload_to='images', verbose_name='Изображение_товара')
Такая медиа библиотека:
Python
1
2
MEDIA_URL = '/media/'
MEDIA_ROOT = os.path.join(BASE_DIR, 'media')
Вот вьюшка:
Python
1
2
3
def products(request):
    all_products = Product.objects.all()
    return render(request, 'purchasesection/list.html', {'all_products': all_products})
Что нужно написать в шаблонизаторе джанго в файле Html чтоб заработало и выводило картинки всех "товаров"?
Помогите плз!!!!
0
cpp_developer
Эксперт
20123 / 5690 / 1417
Регистрация: 09.04.2010
Сообщений: 22,546
Блог
23.02.2020, 15:16
Ответы с готовыми решениями:

Как добавить html страницу к проекту django?
Я повторил этот видео YOUTUBE и хочу добавить главный экран, страницу html, как это сделать?

Как вывести данные из БД django на HTML страницу?
Нужно из БД django вытащить данные в виде таблицы. Способ нашёл только 1, но он не работает. На скринах модель, представление и способ...

Как добавить HTML код (на сервере) на HTML страницу?
Как добавить часть HTML кода, что хранится в переменной cardsData в index.html? server.js const express = require('express'); ...

4
9 / 5 / 4
Регистрация: 27.05.2017
Сообщений: 13
23.02.2020, 15:29
Лучший ответ Сообщение было отмечено mbilarusproPy как решение

Решение

Python
1
2
3
{% for obj in all_products %}
    {{ obj.product_image }}
{% endfor %}
что-то вроде такого
all_products - это доступ к твоей модели в бд, которую ты передал вот здесь (выделил жирным):

return render(request, 'purchasesection/list.html', {'all_products': all_products} )
1
1 / 1 / 0
Регистрация: 14.12.2019
Сообщений: 16
23.02.2020, 15:32  [ТС]
спасибо большое за помощь!
0
9 / 5 / 4
Регистрация: 27.05.2017
Сообщений: 13
23.02.2020, 16:09
Лучший ответ Сообщение было отмечено mbilarusproPy как решение

Решение

Не по теме:

Цитата Сообщение от mbilarusproPy Посмотреть сообщение
спасибо большое за помощь!
оффтоп

Я так понимаю вы только начинаете постигать Django
Я также новичок, посоветую тебе пару ресурсов для начала изучения, на них я "набил руку". Вдруг вам поможет
1. https://www.youtube.com/playli... _-AmivFAYq
2. https://www.youtube.com/playli... 7vpmoR3ztO
3. https://www.youtube.com/playli... --u4CBz62G



Добавлено через 5 минут
Цитата Сообщение от abcdeshka Посмотреть сообщение
Python
1
2
3
{% for obj in all_products %}
    <img src="{{ obj.product_image }}" >
{% endfor %}
поправил код, чтобы выводилась картинка, а не текст. Выше забыл обернуть в img-тег

Добавлено через 27 минут
Разобрался v.3



шаг 1. файл settings.py
дописываем вот эти строки
Python
1
2
3
4
5
6
7
8
9
10
11
# Static files (CSS, JavaScript, Images)
# https://docs.djangoproject.com/en/3.0/howto/static-files/
 
STATIC_URL = '/static/'
STATIC_DIR = os.path.join(BASE_DIR, 'static')
STATICFILES_DIRS = [STATIC_DIR]
# STATIC_ROOT = os.path.join(BASE_DIR, 'static')
 
 
MEDIA_URL = '/media/'
MEDIA_ROOT = os.path.join(BASE_DIR, 'media')

шаг 2. файл urls.py - в главном каталоге (вместе с settings)
дописываем эти строки
Python
1
2
3
4
from django.conf import settings
from django.conf.urls.static import static
if settings.DEBUG:
    urlpatterns += static(settings.MEDIA_URL, document_root=settings.MEDIA_ROOT)

шаг 3. файл models.py

Python
1
2
class Product(models.Model):
    product_image = models.ImageField(upload_to='images', verbose_name='Изображение_товара')

шаг 4. views.py
Python
1
2
3
4
5
from .models import Product
 
def products(request):
    all_products = Product.objects.all()
    return render(request, 'purchasesection/list.html', {'all_products': all_products})
шаг 5. urls.py - файл с приложеним
Python
1
2
3
4
5
from .views import products
 
urlpatterns = [
    path('', products, name="products" ),
]
шаг 6. html-файл
HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
<!DOCTYPE html>
{% load static %}
<html>
<head>
    <title></title>
</head>
<body>
 
    {% for obj in all_products %}
 
        <img src="{{ obj.product_image.url }}" >
 
    {% endfor %}
 
</body>
</html>
1
9 / 5 / 4
Регистрация: 27.05.2017
Сообщений: 13
23.02.2020, 16:11
Скрин

1
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
raxper
Эксперт
30234 / 6612 / 1498
Регистрация: 28.12.2010
Сообщений: 21,154
Блог
23.02.2020, 16:11
Помогаю со студенческими работами здесь

Как в письме с Html добавить картинку ?
LN 7.0.3. Отправляю письмо с HTML нижеприведенным способом, а хочется еще вставить картинки чтобы они были видны на странице. Как это можно...

Codepen - Как добавить картинку в код html
пишу в этом сервисе код с картинкой - и не отображается она как &quot;результат.&quot; Есть ли какие-то особенности для добавления картинок в...

Как добавить строку в html страницу?
Например есть строка $str=&quot;&lt;div class='someclass'&gt;&lt;/div&gt;&quot;; как ее добавить на html страницу после последнего блока ...

Не получается в django admin приложения добавить картинку
Хочу на сайте через Django admin добавить картинки к статье, я добавил в models модель фото, сделал миграцию, на странице создания статьи...

Как добавить картинку в webBrowser из ресурсов используя HTML?
Как добавить картинку в элемент управления webBrowser из ресурсов с помощью HTML? Как правильно прописать картинку в HTML код...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
5
Ответ Создать тему
Новые блоги и статьи
Подстановка значения реквизита справочника в табличную часть документа
Maks 10.04.2026
Алгоритм из решения ниже реализован на примере нетипового документа "ПланированиеПерсонала", разработанного в конфигурации КА2. Задача: при выборе сотрудника (справочник Сотрудники) в ТЧ документа. . .
Очистка реквизитов документа при копировании
Maks 09.04.2026
Алгоритм из решения ниже применим как для типовых, так и для нетиповых документов на самых различных конфигурациях. Задача: при копировании документа очищать определенные реквизиты и табличную. . .
модель ЗдравоСохранения 8. Подготовка к разному выполнению заданий
anaschu 08.04.2026
https:/ / github. com/ shumilovas/ med2. git main ветка * содержимое блока дэлэй из старой модели теперь внутри зайца новой модели 8ATzM_2aurI
Блокировка документа от изменений, если он открыт у другого пользователя
Maks 08.04.2026
Алгоритм из решения ниже реализован на примере нетипового документа, разработанного в конфигурации КА2. Задача: запретить редактирование документа, если он открыт у другого пользователя. / / . . .
Система безопасности+живучести для сервера-слоя интернета (сети). Двойная привязка.
Hrethgir 08.04.2026
Далее были размышления о системе безопасности. Сообщения с наклонным текстом - мои. А как нам будет можно проверить, что ссылка наша, а не подделана хулиганами, которая выбросит на другую ветку и. . .
Модель ЗдрввоСохранения 7: больше работников, больше ресурсов.
anaschu 08.04.2026
работников и заданий может быть сколько угодно, но настроено всё так, что используется пока что только 20% kYBz3eJf3jQ
Дальние перспективы сервера - слоя сети с космологическим дизайном интефейса карты и логики.
Hrethgir 07.04.2026
Дальнейшее ближайшее планирование вывело к размышлениям над дальними перспективами. И вот тут может быть даже будут нужны оценки специалистов, так как в дальних перспективах всё может очень сильно. . .
Горе от ума
kumehtar 07.04.2026
Эта мне ментальная установка, что вот прямо сейчас, мол, мне для полного счастья не хватает (нужное вписать), и когда я этого достигну - тогда и полный кайф. Одна из самых сильных ловушек на пути. . . .
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2026, CyberForum.ru