Вывод изображений из списка

@AliaksandrH · Регистрация: 14.01.2020

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

Здравствуйте, помогите или подскажите как решить вопрос.
Как мне вывести изображения которые хранятся в БД в виде списка ссылок.

Вот пример:

"нttps://content.onliner.by/fleamarket/2565106/800x800/4816e9515b06d8adcaa287e3e51f6869.jpeg,
нttps://content.onliner.by/fleamarket/2565106/800x800/3be94b0118cc4f00110fe852fbc2c7d1.jpeg,
нttps://content.onliner.by/fleamarket/2565106/800x800/d496e5e149c5b1833c25ee962da92bc6.jpeg,
нttps://content.onliner.by/fleamarket/2242760/800x800/1276e6b69fe21155106131cb4820326c.jpeg,"

Поле в котором хранится список типа TEXT, когда пытаюсь выводить изображение то в тег src выводится всё поле, т.е. получается так

HTML5
1
<img src="https://content.onliner.by/fleamarket/527516/800x800/ba5c77f1d7d3c2b54318a6588d280b94.jpeg,https://content.onliner.by/fleamarket/527516/800x800/6fb5e9e6ff5e4dc5def3282515b23c16.jpeg,https://content.onliner.by/fleamarket/527516/800x800/5a3ccc9d9ccdf056965e6c6377c9de53.jpeg," alt="" width="340" height="200" class=" card-img-top ">

Я не совсем понимаю где мне данную строку преобразовать в список и как потом вывести что бы изображения соответствовали статье которая выводится.

Файл model:

Python
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
from django.db import models
from django.urls import reverse
 
 
class AdForSaleOnliner(models.Model):
    link = models.TextField(verbose_name='Ссылка на оригинал')
    title = models.CharField(max_length=100, verbose_name='Название объявления')
    descr = models.TextField(blank=True, verbose_name='Описание')
    image = models.TextField(verbose_name='Изображение')
    cost = models.FloatField(verbose_name='Стоимость')
 
    def __str__(self):
        return self.title
 
    class Meta:
        verbose_name = 'Объявление Онлайнер'
        verbose_name_plural = 'Объявления Онлайнер'
        ordering = ['cost']

Файл views:

Python
1
2
3
4
5
6
7
8
9
10
11
12
13
14
from django.shortcuts import render, redirect
from django.http import HttpResponse
from django.shortcuts import get_object_or_404
 
from .models import AdForSaleOnliner
 
 
def ad_onliner(request):
    post = AdForSaleOnliner.objects.all()
    context = {
        'ad_onliner': post,
        'title': 'Список объявлений',
    }
    return render(request, 'ad_for_sale/ad_onliner.html', context)

Шаблон:

HTML5
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
{% extends 'base.html' %}
 
{% block content %}
            {% for item in ad_onliner %}
                <div class="col-md-10">
                    <div class="card mb-4 shadow-sm">
                        <h5 class="card-text, card-body">{{ item.title }}</h5>
                        <div class="rounded mx-auto media">
                                {% if item.image %}
                                    <img src= "{{ item.image }}" alt="" width="340" height="200"  class=" card-img-top ">
                                {% else %}
                                    <svg class="bd-placeholder-img card-img-top" width="100%" height="225" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMidYMid slice" focusable="false" role="img" aria-label="Placeholder: Thumbnail"><title>Placeholder</title><rect width="100%" height="100%" fill="#55595c"></rect><text x="50%" y="50%" fill="#eceeef" dy=".3em">Thumbnail</text>                        </svg>
                                {% endif %}
 
                        </div>
                        <div class="card-body">
                            <small class="text-muted">Цена - {{ item.cost }}</small>
                            <p class="card-text">{{ item.descr|linebreaks|truncatewords:50 }}</p>
                            <div class="d-flex justify-content-between align-items-center">
                                <div class="btn-group">
                                    <a href="{{ item.get_absolute_url }}" class="btn btn-sm btn-outline-secondary">View</a>
                                    <button type="button" class="btn btn-sm btn-outline-secondary">Edit</button>
                                </div>
                                <small class="text-muted">Дата</small>
                            </div>
                        </div>
                    </div>
                </div>
            {% endfor %}
{% endblock %}

@Onet1me · 19.09.2020, 02:26

Так происходит, потому что все твои ссылки хранятся как одна строка в базе данных.
Не знаю какая у тебя задача стоит, но логичнее создать дополнительную таблицу, которая будет связана ForeignKey к твоему полю image, и будет хранить ссылки, тогда сможешь их нормально доставать.
PS. Зарождение onlinera)))

@AliaksandrH · 19.09.2020, 11:50 **[ТС]**

Думал над этим, но дело в том что я делаю парсинг объявлений и удобнее сохранять ссылки на изображения в списке. Сделал всё проще, создал свой фильтр который возвращает список и работаю с ним.

Новые блоги и статьи Все статьи Все блоги /
моя боль iceja 24.01.2026 Выложила интерполяцию кубическими сплайнами www. iceja. net REST сервисы временно не работают, только через Web. Написала за 56 рабочих часов этот сайт с нуля. При помощи perplexity. ai PRO , при. . .	Модель сукцессии микоризы anaschu 24.01.2026 Решили писать научную статью с неким РОманом	http://iceja.net/ математические сервисы iceja 20.01.2026 Обновила свой сайт http:/ / iceja. net/ , приделала Fast Fourier Transform экстраполяцию сигналов. Однако предсказывает далеко не каждый сигнал (см ограничения http:/ / iceja. net/ fourier/ docs ). Также. . .	http://iceja.net/ сервер решения полиномов iceja 18.01.2026 Выкатила http:/ / iceja. net/ сервер решения полиномов (находит действительные корни полиномов методом Штурма). На сайте документация по API, но скажу прямо VPS слабенький и 200 000 полиномов. . .
Расчёт переходных процессов в цепи постоянного тока igorrr37 16.01.2026 / * Дана цепь(не выше 3-го порядка) постоянного тока с элементами R, L, C, k(ключ), U, E, J. Программа находит переходные токи и напряжения на элементах схемы классическим методом(1 и 2 з-ны. . .	Восстановить юзерскрипты Greasemonkey из бэкапа браузера damix 15.01.2026 Если восстановить из бэкапа профиль Firefox после переустановки винды, то список юзерскриптов в Greasemonkey будет пустым. Но восстановить их можно так. Для этого понадобится консольная утилита. . .	Сукцессия микоризы: основная теория в виде двух уравнений. anaschu 11.01.2026 https:/ / rutube. ru/ video/ 7a537f578d808e67a3c6fd818a44a5c4/	WordPad для Windows 11 Jel 10.01.2026 WordPad для Windows 11 — это приложение, которое восстанавливает классический текстовый редактор WordPad в операционной системе Windows 11. После того как Microsoft исключила WordPad из. . .

@Onet1me 60 / 44 / 18 Регистрация: 05.03.2019 Сообщений: 313
	19.09.2020, 02:26
	Так происходит, потому что все твои ссылки хранятся как одна строка в базе данных. Не знаю какая у тебя задача стоит, но логичнее создать дополнительную таблицу, которая будет связана ForeignKey к твоему полю image, и будет хранить ссылки, тогда сможешь их нормально доставать. PS. Зарождение onlinera))) 0

@AliaksandrH 0 / 0 / 0 Регистрация: 14.01.2020 Сообщений: 10
	19.09.2020, 11:50 [ТС]
	Думал над этим, но дело в том что я делаю парсинг объявлений и удобнее сохранять ссылки на изображения в списке. Сделал всё проще, создал свой фильтр который возвращает список и работаю с ним. 0