如何在Flask中链接外部图片

问题描述 投票:0回答:1

我正在使用 Flask 设计一个网站。目前,我正在尝试使用 render_template 渲染关于我们的网页。我在分类广告/后端/manage.py中有一个manage.py。 about.html 位于分类广告/前端/模板/about.html 中。徽标图像位于分类广告/前端/assets/image/logo.png 中。徽标应该位于标题处,并链接到主页。但是,当运行flask --app manage run --debug时,浏览器不显示徽标。它在控制台中给出了 404 的徽标图像未找到错误。

//manage.py
from flask import Flask, render_template

app = Flask(__name__,template_folder="../front end/templates")

@app.route("/about")
def about():
    return render_template("about.html")

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

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <title>MyListing16 - About us</title>
  </head>
  <body>
    <header class="header">
      <div class="header-top">
        <div class="logo">
          <a href="/front end"
            ><img src="/front end/assets/image/logo.png" alt=""
          /></a>
        </div>
      </div>
    </header>
    <h3>about</h3>
  </body>
</html>
![logo](https://i.sstatic.net/f5KkPzP6.png)

![about.html](https://i.sstatic.net/8aFNrJTK.png)

![file path](https://i.sstatic.net/26fKXRLM.png)

我将img src属性从相对路径../assets/image/logo.png更改为完整路径/front end/assets/image/logo.png。尽管如此,标志还是没有出现。

python html flask
1个回答
0
投票

将图片放入front end/static文件夹中,无资源(front end/static/logo.png)

© www.soinside.com 2019 - 2024. All rights reserved.