在运行flask文件时，不显示存储在templates文件夹中的gif图像

Question

我正在尝试将gif图像添加到我的index.html页面，其中gif存储在templates文件夹中，但在运行flask文件后，gif图像不显示。

我该如何解决这个问题？

<header>
  <h2 id="spinner" ><img  class="animated-gif" src="gif2.gif">&nbsp;&nbsp;&nbsp;SUMMERISER</h2>
</header>

Answer 1

按照你这样做的方式，gif的地址是：

{Current-url}/gif2.gif

因此，如果您想像这样获取它，您必须定义一个到gif的路由。

正确的方法是将gif放在'static‘文件夹中，然后像这样生成一个指向它的url：

<img  class="animated-gif" src="{{url_for('static', filename='gif2.gif')}}" />