Django Media内にあるファイルの表示

Question

実現したいこと

mediaファイルに画像があるのですが、なぜか行事することが出来ません。
どなたかご教授頂けると幸いです。
可能性でも良いのでお願いします。

実行結果

<p>{{ post.thumbnail }}</p>においては、thumbnail/1642869-225x150-MM-100.jpgと表示されているのに、なぜか画像が表示されません。 media/から始めれば良いのかとも思いましたが、 <img src="{{post.thumbnail}}"> <img src="media/thumbnail/1642869-225x150-MM-100.jpg"> 共に表示がされません。 どなたかよろしくお願いします。

該当のソースコード

STATIC_URL = '/static/'

# 画像保持
MEDIA_URL = '/media/'
MEDIA_ROOT = os.path.join(BASE_DIR, 'media')

{% block content %}
    <br>
    {% for post in object_list %}
        <div class="container">
            <span class="box-title">{{ post.title }}</span>
            <p>{{ post.thumbnail }}</p>
            <img src="{{post.thumbnail}}">
            <img src="media/thumbnail/1642869-225x150-MM-100.jpg">
            <p>{{ post.summary }}</p>
            <p>{{ post.post_time }}</p>
            <a href="{% url 'blog:index' post.status post.id %}" class="btn-box">Read More</a>
        </div>
        <br>
    {% endfor %}

{% endblock %}

class Sample(LoginRequiredMixin, TemplateView):
    model = Post
    template_name = 'blog/sample.html'
    
    def get(self, request, *args, **kwargs):
        context = super().get_context_data(**kwargs)
        context['member'] = Member.objects.get(user=self.request.user)
        context['object_list'] = Post.objects.filter(status=Status.objects.get(name=self.kwargs.get('stat'))).order_by('id').reverse()

        return context

class Post(models.Model):
    title = models.CharField(max_length=140)
    thumbnail = models.ImageField(upload_to='thumbnail/', null=True)
    post_time = models.DateField(null=True)
    summary = models.TextField(blank=True)
    contents = MarkdownxField()
    status = models.ForeignKey(Status, on_delete=models.SET_NULL, null=True)

    # 管理者画面での表示
    def __str__(self):
        return self.title

    # 管理者画面でのプレビュー表示
    def formatted_markdown(self):
        return markdownify(self.contents)

if settings.DEBUG:
    urlpatterns += static(settings.STATIC_URL, document_root=settings.STATIC_ROOT)
    urlpatterns += static(settings.MEDIA_URL, document_root=settings.MEDIA_ROOT)

試したこと

{{post.thumbnail.url}}ではエラーが発生

Comments

[llr114]

setting.pyのMEDIA_ROOTとMEDIA_URLの値を教えていただいてもよろしいでしょうか？

Answer 1

<img src='{{ MEDIA_URL }}{{post.thumbnail}}'>

こちらでいかがでしょうか？

Comments

[退会済みユーザー]

Not Found: /blog/media/thumbnail/1642869-225x150-MM-100.jpg
となってしまうのですが、なぜなのでしょうか？
場所が正しくいってくれないです。

[llr114]

もしかしてmediaフォルダがアプリケーションの下にあったりしないでしょうか？
MEDIA_URL = '/media/'
なので、プロジェクトフォルダ直下のmediaを参照して、not foundになっている気がします。

[退会済みユーザー]

mediaフォルダは、プロジェクトと同じ階層にあります。
authentication
d----- 2020/03/19 21:56 blog
d----- 2020/03/20 17:33 media
d----- 2020/03/19 21:56 mysite
d----- 2020/03/19 21:56 static
-a---- 2020/03/20 18:12 192512 db.sqlite3
-a---- 2020/03/12 14:30 647 manage.py
こんな感じです

[退会済みユーザー]

なんどもなんども申し訳ございません。
確かに、HTMLファイルはblogフォルダ以下のtemplates/blogに存在するのですが、
mediaファイルは、アプリケーションと同階層にあります。
なぜこのような現象が生じるのか分かりません。

[llr114]

mediaフォルダの中の構成も教えて頂いてもよろしいでしょうか？
また、setting.pynのBASE_DIRの値もお伺いしたいです。

[llr114]

追加ですみません。
if settings.DEBUG:
urlpatterns += static(settings.STATIC_URL, document_root=settings.STATIC_ROOT)
urlpatterns += static(settings.MEDIA_URL, document_root=settings.MEDIA_ROOT)

これが書いてあるurls.pyのファイルパスも教えて頂ければと思います。

[退会済みユーザー]

media\thumbnail\1642869-225x150-MM-100.jpg
です。
setting.pyは、
BASE_DIR = os.path.dirname(os.path.dirname(os.path.abspath(__file__)))
このようになってます。

[退会済みユーザー]

mysite/urls.pyです

[llr114]

なるほど。。。
因みに
ドメイン/media/thumbnail/1642869-225x150-MM-100.jpg
をブラウザの検索窓に入れた場合って、画像は表示されますでしょうか？

[退会済みユーザー]

http://127.0.0.1:8000/media/thumbnail/1642869-225x150-MM-100.jpg
で表示されます

[llr114]

んー、ちょっとわからないので、以下を確認してみてください。
1. setting.pyのDEBUGはTrueになっているか
2. ライブラリのpillowはインストールしているか
3. setting.pyのTEMPLATES内に'django.template.context_processors.media'があるか

[退会済みユーザー]

返信が遅くなり申し訳ございません。
確認したところ、3が原因でした。
何度も何度も答えて下さり本当に助かりました。
ありがとうございます。