如何在 Heroku 上使用 Whitenoise 编写动态（Django）URL 来提供图像服务？

Question

我遵循了 here and read the tips here 关于提供静态图像的内容。但我感到困惑：官方 Whitenoise 文档说要这样写 URLs：

<img src="{% static "images/hi.jpg" %}" alt="Hi!" />

而且不是这样：

<!-- DON'T WRITE THIS -->
<img src="/static/images/hi.jpg" alt="Hi!" />

但是如果我要使用动态 URL，例如 src="{{recipe.image.url}}"，我该怎么做？

Answer 1

您拥有的第一个 img 标签是从静态目录中提取静态文件的正确方法。 Whitenoise 只是帮助在 Heroku 服务器上提供 images/media 文件，但本地开发不需要它。但是，要正确使用静态，您需要在每个模板的顶部加载静态。示例：

<!-- template.html -->
{% extends 'base.html' %}
{% block content %}

{% load static %}

<!-- show static image -->
<img src="{% static 'images/hi.jpg' %}" alt="Hi!" />

<!-- show dynamically -->
<img src="{{ item.image.url }}" alt="{{ item.name }}">

{% endblock %}

注意图片的实际路径images/hi.jpg是单引号，以免和外面的双引号冲突

Answer 2

我解决了这个问题，但我不明白为什么。因此，如果有人可以解释，我会接受这个答案。我有两个根文件夹，static 和 staticfiles。每个人都有自己的文件夹 images 和 media。我删除了所有现有图像，对代码进行了更改（见下文），然后重新上传了图像——中提琴！它起作用了——并且在 Heroku 上起作用。

STATIC_URL = '/static/'  # Didn't work
STATIC_URL = '/staticfiles/'  # Yes, worked

STATIC_ROOT = os.path.join(BASE_DIR, 'staticfiles')
STATIC_TMP = os.path.join(BASE_DIR, 'static')
STATICFILES_DIRS = (
    os.path.join(BASE_DIR, 'static'),
)
STATICFILES_STORAGE = 'whitenoise.storage.CompressedManifestStaticFilesStorage'



MEDIA_URL = '/media/'     # Didn't work
MEDIA_URL = '/staticfiles/media/' # Yes, worked

MEDIA_ROOT = os.path.join(BASE_DIR, 'media')     # Didn't work
MEDIA_ROOT = os.path.join(BASE_DIR, 'staticfiles/media/')     # Yes, worked

如何在 Heroku 上使用 Whitenoise 编写动态（Django）URL 来提供图像服务？

How to write dynamic (Django) URLs for serving images using Whitenoise on Heroku?

django

heroku

whitenoise