Я не могу отобразить изображение на своей веб-странице, когда я добавляю заметки, попробовал несколько способов, посмотрев похожие вопросы, но я не смог помочь мне
note. html
<div class="container">
<div class="row">
{% for sticky in Notes %}
<div class="col-md-3">
<div class="box">
<article class="media">
<div class="media-left">
<i class="glyphicon glyphicon-bookmark"></i>
</div>
<div class="media-content">
<div class="content">
{% if Notes.img %}
<img src="{{sticky.img.url}}" class="img-responsive" /><br/> //tried Notes.img.url and also Notes.img.url
{% endif %}
<b>{{sticky.Title}}</b><br />
{{sticky.text}}
</div>
</div>
<div class="media-right">
<a href="{% url 'del_note' sticky.id %} "
<button class="glyphicon glyphicon-trash"></button>
</a>
</div>
</article>
</div>
</div>
{% endfor %}
</div>
</div>
settings.py
STATIC_URL = '/static/'
STATICFILES_DIRS = [
os.path.join(BASE_DIR, "static"),
]
MEDIA_ROOT = os.path.join(BASE_DIR,'media')
MEDIA_URL = '/media/'
PROJECT_ROOT = os.path.dirname(os.path.abspath(__file__))
ниже представлена структура моей папки ![folder structure image](https://i.stack.imgur.com/DXgkL.png)
моделей. py
class Note(models.Model):
Title = models.CharField(max_length=100)
text = models.TextField(max_length = 250)
img = models.ImageField(upload_to='pics',height_field=None, width_field=None, max_length=100,blank=True, null=True)
created = models.DateTimeField(auto_now_add = True)
class Meta:
verbose_name = ("Note")
def __str__(self):
return self.text
в поле источника изображения (sr c) пробовал Notes.img.url
, а также Notes.sticky.img.url
, но напрасно
Заранее спасибо