从静态文件夹 - Django将图像添加到django模板中

Question

我有一个Django模板,我想从我在应用程序中的静态文件夹中添加一个静态图像到该文件.我正在尝试但模板上没有出现任何内容.

有谁知道我的错误来自哪里？

这是我的代码:

{% extends "base.html" %}

{% block content %}
<div class="row">
  <div class="col">
    <img src="static/images/Artboard1.png" alt="">
    <h2>{{ currentUser.username }}</h2>
  </div>

  <a href="{% url 'logout' %}">Logout</a>
{% endblock %}

这是我的目录的图像:

Answer 1

在 setting.py 中配置以下设置

STATIC_ROOT = os.path.join(BASE_DIR,"static_files")
STATIC_URL = '/static/'

STATICFILES_DIRS = (
    os.path.join(BASE_DIR, "static"),
)

并在您的模板中使用

<img src="{% static 'images/Artboard1.png'%}" alt="">

希望这对你有帮助

Answer 2

扩展后将staticfiles标记加载到模板

{% extends "base.html" %}
{% load staticfiles %}

然后在img HTML标签的src属性中使用它

<img src="{% static 'images/Artboard1.png'%}" alt="">