首页 > 解决方案 > 不显示存储在运行烧瓶文件的模板文件夹中的 gif 图像

问题描述

我正在尝试将 gif 图像添加到我的index.html页面,其中 gif 存储在模板文件夹中,但是在运行烧瓶文件后,不显示 gif 图像。

我该如何解决这个问题?

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

标签: pythonhtmlflask

解决方案


您执行此操作的方式将在以下位置查找 gif:

{Current-url}/gif2.gif

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

正确的方法是将 gif 放在“静态”文件夹中,然后生成一个 url,如下所示:

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

推荐阅读