Question

我创建了一个简单的django博客，但我无法让图片始终显示在我的帖子中。具体来说，我的图片显示在＆＃34;列表中＃34;查看（网站的主页），但不在＆＃34;详细信息＆＃34;查看（查看单个帖子时）。如果您想直接查看问题，网站就在这里：endicott.co

列表视图的代码如下：

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

{% block title %}endicott.co{% endblock %}

{% block content %}
<div class="page-header">
    <h1>endicott.co</h1>
    <p>Perspectives on society, data, and economics</p>
</div>

    {% for post in posts %}
        <h2>
            <a href="{{ post.get_absolute_url }}">
                {{ post.title }}
            </a>
        </h2>
        <p class="date">
            Published {{ post.publish }} by {{ post.author }}
        </p>
        <img src="{{ post.image.url }}" alt="img">
        {{ post.body|linebreaks }}
    {% endfor %}
    {% include "pagination.html" with page=page_obj %}
{% endblock %}

详情视图的代码如下：

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

{% block title %}{{ post.title }}{% endblock %}

{% block content %}
    <h1>{{ post.title }}</h1>
    <img src="{{ post.image.url }}" alt="img">
    <p class="date">
        Published {{ post.publish }} by {{ post.author }}
    </p>
    {{ post.body|linebreaks }}
{% endblock %}

为什么django正确显示列表中的图像而不是详细视图？如果我发布任何其他代码以获取更多背景，请告诉我。

文件结构如下：

blog/
-__pycache__/
-migrations/
-templates/
--blog/
---post/
----detail.html
----list.html
---base.html
--pagination.html
-__init__.py
-admin.py
-apps.py
-models.py
-tests.py
-urls.py
-view.py
media/
-img/
--[where images are stored]
mysite/
-__pycache__/
-static/
-__init__.py
-settings.py
-urls.py
-wsgi.py

我的博客urls.py文件如下：

from django.conf.urls import url
from . import views



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



urlpatterns = [
    # post views
    #url(r'^$', views.post_list, name='post_list'),
    url(r'^$', views.PostListView.as_view(), name='post_list'),
    url(r'^(?P<year>\d{4})/(?P<month>\d{2})/(?P<day>\d{2})/'\
        r'(?P<post>[-\w]+)/$',
        views.post_detail,
        name='post_detail'),
]




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

mysite urls.py文件如下：

from django.conf.urls import include, url
from django.contrib import admin

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


urlpatterns = [
    url(r'^admin/', admin.site.urls),
    url(r'', include('blog.urls',
                          namespace='blog',
                          app_name='blog')),
]



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

Answer 1

您的问题是src=被理解为相对网址（就像saq7指出的那样）。您希望图像的src=指向绝对URL（以http://开头），因为图像位于网站根目录（来自域）的绝对位置。

要执行此操作，您应使用{% media post.image.url %}。请注意，为此，您需要执行couple of additions至settings.py，尤其是MEDIA_ROOT和MEDIA_URL，以便{% media %}模板标记生效。

以这种方式使用媒体文件（使用{% media %}）是最常见和最常用的方式。请注意，在生产中（即在真实的网络服务器后面），这些文件不应该是Django的服务器，请注意该文章的内容：

这不适合生产使用！

然而，Django文档中还有另一篇文章explaining what to do to configure your webserver to serve these files。

此外，如果您设置MEDIA_URL = '/media/'，则需要从media/删除post.image.url前缀。

Django博客中的图片失败

1 个答案: