Flask应用仅显示1张图片，不显示其他图片

Question

我通过python有flask应用程序。在我的页面中，有三张图片，但是flask只显示其中一张。

我不知道问题出在哪里。

这是我的代码。

HTML

<div class="col-xs-4">
<img style="width:40%;padding:5px" src="static/tomato.png"/>
<br>
<button class="btn btn-warning"><a style="color:white;" href="http://127.0.0.1:5000/detect">Tomato Analysis</a></button>
</div>

<div class="col-xs-4">
<img style="width:40%;padding:5px" src="static/grapes.png"/>
<br>
<button class="btn btn-warning"><a style="color:white;" href="http://127.0.0.1:5000/detect">Grape Analysis</a></button>
</div>

PYTHON

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

它显示了Tomato.png，但是没有播种grapes.png，这是什么问题，我该如何解决。

我也在使用electron.js。运行python脚本后，我正在运行nmp start。

错误输出是：

GET /%7B%7B%20url_for('static',%20filename%20=%20'image/corn2.png')%20%7D%7D HTTP/1.1" 404 -

感谢您的帮助...

谢谢

Answer 1

您可以将路线main更改为mainPage。尝试下面的代码

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

Answer 2

错误消息404清除表明在给定位置找不到您要查找的资源。确保文件位于您提供的路径上。简而言之，当tomato.png文件正确显示时，只需确保其他文件也与tomato.png处于同一位置

尝试在隐身浏览器或私人浏览器中打开。