【问题标题】:Django template image won't loadDjango模板图像不会加载
【发布时间】:2013-12-23 23:08:49
【问题描述】:

图片无法加载。我看到损坏的图像图标。我使用静态标签。我也尝试给出绝对路径但从未成功。我使用了 alt 标签,但我仍然只能看到损坏的图像图标。标签是否正确我还应该尝试什么。图像位于 static\images\logo.png

{% load static %} {# loads static tag #}

.
.

 <div id="header">
   {% block header %}
     <img src="{% static "images/logo.png" %} alt="alternative text"  />
   {% endblock %}
</div>

【问题讨论】:

  • 您复制/粘贴了吗?你的报价看起来搞砸了
  • @jpwagner 没有代码是正确的,但仍然不会显示任何东西。它奇怪的是,现在 borken 图标有点大,可能 1 或 2 像素。

标签: python html css django


【解决方案1】:

变化:

{% load static %} {# loads static tag #}

到这里:

{% load static from staticfiles %}

【讨论】:

  • @KonstantinosKorovesis 什么版本的 django?
【解决方案2】:

您是在生产环境还是开发环境中?

您可以通过在浏览器中输入 /static/images/logo.png 来访问它吗?

在开发时,调试在哪里,我将它添加到 urls.py 文件的末尾:

from django.conf import settings
from django.conf.urls.static import static
from django.contrib.staticfiles.urls import staticfiles_urlpatterns

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

请看这里: https://docs.djangoproject.com/en/1.5/ref/contrib/staticfiles/#other-helpers

【讨论】:

【解决方案3】:
  1. 检查setting.py文件中的静态路径设置

    STATICFILES_DIRS = ( '/PATH/OF/你的/静态/目录', )

  2. 如果您的静态目录名称是“静态”,那么您的路径应该是“/path-before-static/static”,而您的静态 URL 应该是。

    STATIC_URL = '/static/'

  3. 您的图片应位于静态文件夹 .../static/img/...jpg

  4. 在你的模板中应该是这样的。

    {% 加载静态文件 %} {% static 'img/demo.jpg' %} 或“{{ STATIC_URL }}img/demo.JPG”

使用此代码更改 setting.py 文件

STATICFILES_FINDERS = [
'django.contrib.staticfiles.finders.FileSystemFinder',
'django.contrib.staticfiles.finders.AppDirectoriesFinder',
'django.contrib.staticfiles.finders.DefaultStorageFinder',
]

【讨论】:

  • 1.STATICFILES_DIRS = (('assets','C:/Users/##$$^$^#/workspace/NoteDat/static'),
  • 2 AND 3 OK 4. {% load staticfiles %} {# loading static tag #} 。还是什么都没有
【解决方案4】:
{% load static %} {# loads static tag #}

 <div id="header">
   {% block header %}
     <img src="{% static 'images/logo.png' %}" alt="alternative text" />
     #check your quotes inside image tag.
   {% endblock %}
</div>

【讨论】:

  • 请补充说明
猜你喜欢
  • 1970-01-01
  • 2013-04-18
  • 1970-01-01
  • 2018-03-06
  • 2014-12-30
  • 2017-08-01
  • 1970-01-01
  • 1970-01-01
  • 2019-04-26
相关资源
最近更新 更多