我的网页没有使用 Flask 显示图像 [重复]

Question

我正在使用 html、css、bootstrap 和烧瓶制作一个项目，我在网站上有 3 张图片，当我使用 Flask 时它们没有出现。

我的 HTML 代码。

<div class="carousel-inner">
      <div class="item active">
        <img src="C:/Users/Mahin/Desktop/Spiritus/flaskwork/Scripts/app/static/images/1.jpg" alt="Beer" style="width:100%">
      </div>

      <div class="item">
        <img src="C:/Users/Mahin/Desktop/Spiritus/flaskwork/Scripts/app/static/images/2.jpg" alt="Whiskey"  style="width:100%">
      </div>

      <div class="item">
        <img src="C:/Users/Mahin/Desktop/Spiritus/flaskwork/Scripts/app/static/images/3.jpg" alt="Vader" style="width:100%">
      </div>
    </div>

我的 Python 代码

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

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

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

Answer 1

由于您的图像已经在static 的images 文件夹中，因此您无需指定完整路径：

<div class="carousel-inner">
  <div class="item active">
    <img src="/static/images/1.jpg" alt="Beer" style="width:100%">
  </div>

  <div class="item">
    <img src="/static/images/2.jpg" alt="Whiskey"  style="width:100%">
  </div>

  <div class="item">
    <img src="/static/images/3.jpg" alt="Vader" style="width:100%">
  </div>
</div>