使用静态标签从静态路径加载图像

Question

我无法使用以下语法在我的索引页上加载图像

{% extends "base.html" %}
{% load crispy_forms_tags %}
{% block content %}

    <-!---This is the statement-->
   <-div data-src=  "{% static "bootstrap/images/slider/slider-img1.jpg" %}">
   <-/div>

{% endblock content %}

我在 div 中添加了一个额外的 - (dash)，因为 post 难以显示它。

无论如何我收到错误

Invalid block tag on line 69: 'static', expected 'endblock'. Did you forget to register or load this tag?

我认为这是一个目录结构。我的目录目前看起来像这样

|_mainApp
|  |_______index.html ------>This is where i am trying to run the statement
|_templates
|  |_______base.html ------->The statement works fine in the base
|_static
   |_bootstrap
|_CenterApp
   |_settings.py
   |_urls.py

关于为什么我收到该错误的任何建议是位置问题和找不到内容？还是其他原因？

Answer 1

每当您使用 {% extend "some_page.html" %} 并且需要一些静态链接 url 时，您可以使用 {{STATIC_URL}} 而不是 {% static "/some/link/" %}

因此，在您的情况下，将其用作：

<-div data-src=  "{{STATIC_URL}}bootstrap/images/slider/slider-img1.jpg">

Answer 2

使用

  {% load staticfiles %}

下面你已经扩展了你的 base.html

在 django 模板中，每当您在模板中使用静态时调用 {% load staticfiles %} 很重要。更多详情 here

使用静态标签从静态路径加载图像

loading an image using the static tag from a static path

tags

django

block

static-content