Django <img> 不工作,但可以通过 url 访问静态文件
Django <img> not working but the static file is accessible via url
我正在尝试将图像放入 html 代码中,使用:
<img scr="{% static "degustos/empanadas.jpg" %}" class="card-img-top" alt="Empanadas Ilustrativas"/>
但是图片没有显示。
另一方面,我可以访问 http://localhost:8000/static/degustos/empanadas.jpg
的图像
我的settings.py:
MIDDLEWARE = [
'django.middleware.security.SecurityMiddleware',
'whitenoise.middleware.WhiteNoiseMiddleware',
'django.contrib.sessions.middleware.SessionMiddleware',
'django.middleware.common.CommonMiddleware',
'django.middleware.csrf.CsrfViewMiddleware',
'django.contrib.auth.middleware.AuthenticationMiddleware',
'django.contrib.messages.middleware.MessageMiddleware',
'django.middleware.clickjacking.XFrameOptionsMiddleware',
]
STATIC_ROOT = os.path.join(BASE_DIR, 'staticfiles')
STATIC_URL = '/static/'
STATICFILES_DIRS = [os.path.join(BASE_DIR, "static")]
STATICFILES_STORAGE = 'whitenoise.storage.CompressedManifestStaticFilesStorage'
它部署在 Heroku 中。
谢谢!
你会踢自己的。你有 scr=
而不是 src=
.
请尝试以下
<img src="{% static "degustos/empanadas.jpg" %}" class="card-img-top" alt="Empanadas Ilustrativas"/>
我正在尝试将图像放入 html 代码中,使用:
<img scr="{% static "degustos/empanadas.jpg" %}" class="card-img-top" alt="Empanadas Ilustrativas"/>
但是图片没有显示。 另一方面,我可以访问 http://localhost:8000/static/degustos/empanadas.jpg
的图像我的settings.py:
MIDDLEWARE = [
'django.middleware.security.SecurityMiddleware',
'whitenoise.middleware.WhiteNoiseMiddleware',
'django.contrib.sessions.middleware.SessionMiddleware',
'django.middleware.common.CommonMiddleware',
'django.middleware.csrf.CsrfViewMiddleware',
'django.contrib.auth.middleware.AuthenticationMiddleware',
'django.contrib.messages.middleware.MessageMiddleware',
'django.middleware.clickjacking.XFrameOptionsMiddleware',
]
STATIC_ROOT = os.path.join(BASE_DIR, 'staticfiles')
STATIC_URL = '/static/'
STATICFILES_DIRS = [os.path.join(BASE_DIR, "static")]
STATICFILES_STORAGE = 'whitenoise.storage.CompressedManifestStaticFilesStorage'
它部署在 Heroku 中。 谢谢!
你会踢自己的。你有 scr=
而不是 src=
.
请尝试以下
<img src="{% static "degustos/empanadas.jpg" %}" class="card-img-top" alt="Empanadas Ilustrativas"/>