当我运行 Flask 应用程序时，为什么我的文件夹中出现了损坏的图片图标而不是图像？

Question

I get this broken-image-icon thing when I run my flask app

    from flask import Flask
    panda = Flask(__name__)
    @panda.route("/")
    def home():
        return '''
                <body>
                    <img src="panda.jpg" 
                    alt="A picture of a panda" 
                    height="600" width="600">
                </body>
                '''
    if __name__ == "__main__":
        panda.run()

当我将

我需要帮助，请不要回答“然后使用 url！”，显然我想上传不同的图像，这只是我实际代码的简化版本，这是部分有问题，其他都没问题。

Answer 1

您需要使用 Flask 渲染模板。

文件结构：

app.py
static
   |----test.jpg
templates
   |----index.html

app.py

from flask import Flask, render_template, url_for
app = Flask(__name__)

@app.route('/', methods=['GET'])
def index():
  return render_template('index.html')

app.run()

index.html

<html>
  <head>
  </head>
  <body>
    <h1>Index page</h1>
    <img src="{{url_for('static', filename='test.jpg')}}" />
  </body>
</html>

当我运行 Flask 应用程序时，为什么我的文件夹中出现了损坏的图片图标而不是图像？

why I do get a broken picture icon instead of the image in my folder when I run the flask app?

html

python

image

src

flask

当我 运行 Flask 应用程序时，为什么我的文件夹中出现了损坏的图片图标而不是图像？

why I do get a broken picture icon instead of the image in my folder when I run the flask app?

html

python

image

src

flask

当我运行 Flask 应用程序时，为什么我的文件夹中出现了损坏的图片图标而不是图像？