изображение отображается неправильно - PullRequest
Новая
       2

изображение отображается неправильно

0 голосов
/ 19 февраля 2019

Здравствуйте, я изучаю колбу и хочу вставить изображение.Но изображение отображается неправильно: в навигаторе есть только значок.

Я пытался изменить расширение изображения с .png на .jpg, но это ничего не меняет.Я также пытался изменить навигатор, но он все тот же.

Код Python: 

from flask import Flask, render_template
app = Flask(__name__)
@app.route('/<page_name>/')
def render_static(page_name):
    return render_template(f'{page_name}.html')

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

HTML-код: 

<!DOCTYPE html>
<html>
 <head>
     <title>Index</title>
 </head>
 <body>
    <img src="{{url_for('static', filename = 'image/Android_robot.png')}}" alt = "example" />
 </body>
</html>

1 Ответ

0 голосов
/ 19 февраля 2019

Изображение должно быть в папке static.Вот пример того, как использовать статическое изображение в шаблоне Flask.

Структура папки: 

├── app.py
├── static
│   └── image
│       └── bitcoin.jpg
└── templates
   └── image_example.html

app.py: 

from flask import Flask, render_template
app = Flask(__name__)
@app.route('/demo/<page_name>/')
def render_static(page_name):
    return render_template('{page_name}.html'.format(page_name=page_name))

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

Шаблон image_example.html:

<!DOCTYPE html>
<html>
 <head>
     <title>Index</title>
 </head>
 <body>
    <h2>Bitcoin image should be displayed underneath</h2>
    <img height="500px" src="{{url_for('static', filename='image/bitcoin.jpg')}}" alt = "example" />
 </body>
</html>

Вывод маршрута http://127.0.0.1:5000/demo/image_example/:

static image in Flask example

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...