0

我在这里遵循了这个答案，并在此处阅读了有关提供静态图像的提示。但我很困惑：官方的 Whitenoise 文档说要这样写 URL：

<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}}"，我该怎么做呢？

4

2 回答 2

0

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

<!-- 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, 是单引号，以免与外部双引号冲突

于 2021-03-18T23:16:32.707 回答
0

我解决了这个问题，但我不明白为什么。所以如果有人能解释一下，我会接受这个答案。我有两个根文件夹，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
于 2021-03-19T15:26:09.703 回答