フルスタックチャンネル
サインアップサインアップ
ログインログイン
利用規約プライバシーポリシーお問い合わせ
Copyright © All rights reserved | FullStackChannel
解決済
Django入門ブログ新機能 レッスン1(画像アップロード機能) 詳細画面での画像表示について
Django
Python
初心者
ぽん
2023/01/19 09:35

実現したいこと

Django入門ブログ新機能 レッスン1(画像アップロード機能)
において、画像投稿後に遷移する詳細画面での画像表示

発生している問題

画像投稿時(新規投稿および編集画面からの画像追加)、投稿ボタンをクリック後に画像が詳細画面に表示されないのですが、なぜでしょうか。
投稿後にホーム画面で一覧表示すると、画像はきちんと投稿されているのですが、投稿ボタンクリック後に遷移する画面(http://127.0.0.1:8000/post/●●/)にて画像が表示されません。
Pillowは最新版を使用しております。
ご教授頂けると幸いです。

ソースコード post_detail.html

{% extends "app/base.html" %}

{% block content %}

<h2 class="my-4">{{ post_data.title }}</h2>
<hr>
<p>{{ post_data.created }} by {{ post_data.author }}</p>
<hr>
{% if post_data.imge %}
<img src="{{ post_data.image.url }}" alt="" class="rounded detail-img">
{% endif %}
<p>{{ post_data.content|linebreaksbr }}</p>
{% if user.is_authenticated %}
<hr>
<div class="d-flex mb-5">
    <a class="btn btn-warning mr-2" href="{% url 'post_edit' post_data.id %}">編集する</a>
    <a class="btn btn-danger" href="{% url 'post_delete' post_data.id %}">削除する</a>
</div>
{% endif %}

{% endblock %}

補足情報

Pillowは最新版をインストールしました

回答 2件
login
回答するにはログインが必要です
はる@講師
2年以上前

Django管理画面で記事に画像が格納されていることが確認できていれば、画像は表示できるはずですね。

こちらのコードをどこかに追加して画像が表示されるか確かめてみて下さい

<img src="{{ post_data.image.url }}" alt="" />
ぽん
2年以上前

はる先生

お世話になっております。
指示いただいたコードを追加しましたら表示できました。
はる先生の講座、とても聞きやすい声と話し方、わかりやすい説明で大変勉強になっております。
今後ともどうぞよろしくお願い申し上げます。
早々にご対応頂き、本当にありがとうございました。

1