python - 无法在 Flask Web 应用程序中加载网页上的图像

Question

我正在尝试开发一个 Flask Web 应用程序，其中横幅应显示在网页上，但是当我运行该应用程序时，横幅最初显示在标题页上，当我单击任何超链接时，它应该重定向到下一页，但是该页面上的横幅没有显示，为什么？

我的 html 代码位于 templates 文件夹中，图像位于 static 文件夹中

我在 title.html 中使用了这个

<img src="../static/inner_banner5.jpg" width="1400" height="222">

我也在 admin_login.html 中使用了相同的内容

我的app.py代码是

__author__ = 'mullapudi'
from flask import Flask,request,redirect,Blueprint,render_template,flash

blueprint = Blueprint('app', __name__, url_prefix='/title')

@blueprint.route('/', methods=['GET', 'POST'])
def title():
    # Located at https://yourdomain.com/login
    return render_template('title.html')

@blueprint.route('/home/', methods=['GET', 'POST'])
def home():
    return redirect('/title/')

@blueprint.route('/admin/', methods=['GET', 'POST'])
def admin():
    return render_template('admin_login.html')

这里的问题是横幅显示在标题页中，其中有一个重定向到 admin_login 页面的超链接，但在 admin_login 页面中它没有显示横幅，为什么

Answer 1

不要使用相对 URL，使用 url_for :

<img src="{{ url_for('static', filename='inner_banner5.jpg') }}" width="1400" height="222">

您的目录结构将是

.
├── app.py
├── env
├── static
│   └── inner_banner5.jpg
└── templates