【问题标题】:Django image tag not displaying photoDjango图像标签不显示照片
【发布时间】:2019-02-22 16:41:54
【问题描述】:

我想通过在 Django 模板文件“index.html”中使用 img src 标签来显示图像:

templates/
    index.html
static/ 
    img/
       puzzle.png

将图像添加到静态后,我收集了静态并在页面顶部添加了:

{% load static %}

我的图片标签是:

<img src="{% static 'img/puzzle.png' %}">

但图片没有显示在我的页面上。我该如何解决这个问题?

【问题讨论】:

  • 您的STATIC_ROOT 是否在settings.py 中设置?
  • 仔细检查STATICFILES_DIRSSTATIC_ROOTSTATIC_URL的值。
  • @guillermochamorro STATIC_ROOT 在 settings.py 中设置。我知道 static 可以正常工作,因为我的 CSS 是在 static 中定义的并且 CSS 正在加载。
  • @Saurabh STATIC 值是正确的。我知道 static 可以正常工作,因为我的 CSS 是在 static 中定义的并且 CSS 正在加载。

标签: django image static django-views src


【解决方案1】:

如下改变你的目录结构,

yourapp/
├── templates/
│   └── index.html
└── static/
    └── yourapp
        └── puzzle.png

然后在模板中,

{% load static %}
<img src="{% static 'yourapp/puzzle.png' %}">


参考
Configuring static files

【讨论】: