18910140161

图片 html:HTML-赢得的图像'在Flask应用程序静态文件夹中测试加载-堆栈溢出

顺晟科技

2022-10-18 12:32:47

171

我正在尝试将图像添加到我的应用程序的标题,但它无法加载。我将图像存储在静态文件夹中,该文件夹与app.py文件处于同一级别。应该显示图像的代码是:

<代码><;标头类=";D-Flex灵活包装调整内容中心PY-3 MB-4边框底部<;IMG SRC=";{{URL_(' static ',filename=' Marco_图标.PNG ')}}";/>;<;UL类=";NAV NAV-药丸";>;<;Li类=";NAV-ITEM";>;<;A href=";/>;类=";NAV-LINK";aria-current=";页面";>;主页<;/a>;<;/Li>;<;/UL>;<;/页眉>;

当我打开应用程序时,它显示为一个错误图标:enter image description here

当我检查元素时,它显示:enter image description here

app.py代码如下:

来自MyProject导入应用程序的
<header class="d-flex flex-wrap justify-content-center py-3 mb-4 border-bottom">
  <img src="{{url_for('static', filename='marco_icon.png')}}" />
  <ul class="nav nav-pills">
    <li class="nav-item"><a href="/" class="nav-link" aria-current="page">Home</a></li>
  </ul>
</header>

init.py如下:

from myproject import app
from flask import render_template

@app.route('/')
def index():
    return render_template('home.html')

if __name__ == '__main__':
    app.run(debug=True)

目录结构:

enter image description here

任何关于我做错了什么的想法都将不胜感激!


顺晟科技:

  • TAG:
相关文章
我们已经准备好了,你呢?
2024我们与您携手共赢,为您的企业形象保驾护航