媒体图像未显示，即使它们已成功加载到页面上

Question

与大多数 Django 应用程序一样，用户上传的图像存储在 media 文件夹中。但是由于某种原因，在我对我的应用程序进行了一些更改后，它们停止显示。奇怪的是，当我单击图像 div 上的检查元素时，它显示了 img src 并且它是正确的。当我将鼠标悬停在 img src：<img src="/media/REC-2.jpg"> 上时，它只会显示“无法加载图像”。请记住，我所有的静态文件都显示正常。只是媒体图片（通过用户Post 上传的图片）没有显示。

在我看来，还有一件奇怪的事情可以说明问题所在。这是我的代码：

choices.py

CATEGORY_CHOICES = (
    ('1', 'news'),
    ('2', 'sport'),
    ('3', 'technology'),
)

网址

url(r'^(?P<category>\w+)/', boxes_view, name='bv'),

观看次数

def boxes_view(request, category):
    print('initial', category)

    for a, b in CATEGORY_CHOICES:
        if b == category:
            category = a

    print('category', category)

    posts = Post.objects.filter(category=category)
    for post in posts:
        print('POST', post.id)

    return render(request, 'boxes.html', {'posts': posts})

这是加载页面后我的终端中出现的内容 (http://127.0.0.1:8000/news/)：

initial news
category 1
POST 1
POST 2
...
POST 241
POST 242
[09/Mar/2017 23:39:33] "GET /news/ HTTP/1.1" 200 19661
[09/Mar/2017 23:39:34] "GET /static/css/base.css HTTP/1.1" 304 0
initial media
initial media
category media
initial media
category media
initial media
initial media
[09/Mar/2017 23:39:34] "GET /static/images/settingsIcon.png HTTP/1.1" 304 0
category media
[09/Mar/2017 23:39:34] "GET /media/465054_3137058941780_869886704_o_o8zCskP.jpg HTTP/1.1" 200 6370
[09/Mar/2017 23:39:34] "GET /static/images/trtLogo.png HTTP/1.1" 304 0
category media
category media
[09/Mar/2017 23:39:34] "GET /media/REC-2.jpg HTTP/1.1" 200 6370
[09/Mar/2017 23:39:34] "GET /static/images/mapIcon.png HTTP/1.1" 304 0
[09/Mar/2017 23:39:34] "GET /static/js/base.js HTTP/1.1" 304 0
[09/Mar/2017 23:39:34] "GET /media/htcStory_xoFbTkY.JPG HTTP/1.1" 200 6370
[09/Mar/2017 23:39:34] "GET /media/34_comparison.jpg HTTP/1.1" 200 6370
[09/Mar/2017 23:39:34] "GET /media/REC_aeXxNPK.jpg HTTP/1.1" 200 6370

这里发生了什么？前几行是正确的，它打印initial news，然后在通过for循环后打印category 1，然后它通过每个Post。然后一切都很奇怪。它回到第一个打印语句并多次打印initial media 和category media。在这些打印之间，它会加载媒体图像。知道发生了什么以及如何解决吗？

编辑：完整的 urls.py

urlpatterns = [
    url(r'^more/$', more, name='more'),
    url(r'^q/', search, name='search'),
    url(r'^admin/', admin.site.urls, name='admin'),
    url(r'^post/', include('post.urls')),
    url(r'^accounts/', include('allauth.urls')),

    url(r'^profile/(?P<user>\w+)/', profile, name='profile'),

    #category
    url(r'^(?P<category>\w+)/(?P<id>\d+)/', article, name='article'),
    url(r'^(?P<category>\w+)/', boxes_view, name='bv'),
]

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

settings.py

MEDIA_URL = '/media/'

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

STATIC_URL = '/static/'

STATIC_ROOT = 'draft1/static'

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

Answer 1

问题看起来并不在这里，而是在您的图片上传代码中。由于每个 jpg 具有相同的大小 (6370) 并且每个 png 具有大小 0，因此您提供图像的方式有问题。

事实上，除了最初的GET /news/ 之外的所有请求似乎都失败了。对/static/ 的请求的响应大小均为0，对/media/ 的请求的响应大小均为6370。