javascript - if语句中的Django静态文件

Question

如果从静态 URL 检索图像，我正在尝试显示或 (<img>或)。<h1>

因此，如果这无法加载图像。

{%for team in object_list|slice:":1"%}
<img src="{% static "/img/Teams/" %}{{team.teamname}}.png" class="mx-auto mb-1" alt="{{team.teamname}}">
{%endfor%}

我想显示一个<h1>并且没有加载上面的代码。

{%for team in object_list|slice:":1"%}
<h1>{{team.teamname}}</h1>
{%endfor%}

我真的不确定解决这种情况的最佳方法。是否可以使用一个

{% if {% static "/img/Teams/" %}{{team.teamname}}.png" %} 

或某种类型的javascript？

感谢您的任何意见。

Answer 1

因此，对于任何寻找此问题可能解决方案的人。这就是我最终使用的。一个小 Jquery 来完成这项工作

<script>  
    $("img").on("error", function() {
      var h = document.createElement("H1");
      var t = document.createTextNode(this.alt);
      h.appendChild(t);
      this.replaceWith(h); 
    });
</script>