django 写真のアップロード

Question

今写真を表示しようとするコードを作ろうと思ったのですが、このように写真がうまく見れませんどうすればよろしいでしょうか。

urls.py

from django.urls import path, include
from django.contrib import admin
from django.conf.urls import url
urlpatterns = [
    path('admin/', admin.site.urls),
    path('', include('app.urls')),
]
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)

settings.py

STATIC_URL = '/static/'
STATICFILES_DIRS = [
    os.path.join(BASE_DIR, 'static')
]

MEDIA_ROOT = os.path.join(BASE_DIR, 'media')
MEDIA_URL = '/media/'

views.py

class Home(TemplateView):
    template_name = "home.html"
    def get(self, request, *args, **kwargs):
        context = super(Home, self).get_context_data(**kwargs)
        image = Post.objects.all()
        context['images'] = image
        return render(self.request, self.template_name, context)

home.html

{% extends 'base.html' %}
{% block content %}
{% for image in images %}
    <div>
        <img src="{{ image.picture.url }}" />
    </div>
{% endfor %}
{% endblock %}odels.py

models.py

class Post(models.Model):
    picture = models.ImageField(upload_to='media/menu_file')

Answer 1

ImageFieldを使う場合は、Pillowというパッケージが必要なのでpip install Pillowをしておきましょう。
画像が表示されていなければ画像アドレスをコピーして検索にかけてみてください。
Page not found(404)エラーが出た場合はmediaディレクトリが公開されていないということなので

urls.py

from django.conf import settings
from django.conf.urls.static import static 

#media_rootを公開するために
urlpatterns += static(settings.MEDIA_URL,document_root=settings.MEDIA_ROOT)

上記の内容を追加すると多分画像が表示されるはずです。
表示されなかったらもしChromeを使っているのであれば、右クリックをして検証を選択してNetworkを開いて開いている状態で再読み込みを行ってください。