使用flask创建图库

Question

我正试图在一个flask网站上制作一个带有图片的画廊，我把所有的图片都放在一个文件夹中，我想知道是否有任何方法可以轻松地使用HTML和python显示该文件夹中的所有图片。我对编码和网页设计很陌生，所以希望有人能回答:)

我目前使用的解决方案是:

Html文档:

<a class="IMGLIST" href="../static/Gallery/kaja1.jpg"><img src="../static/Gallery/kaja1.jpg"> 
<a class="IMGLIST" href="../static/Gallery/kaja2.jpg"><img src="../static/Gallery/kaja2.jpg">
<a class="IMGLIST" href="../static/Gallery/Karin.jpg"><img src="../static/Gallery/Karin.jpg">
<a class="IMGLIST" href="../static/Gallery/laftahyte.jpg"><img src="../static/Gallery/laftahyte.jpg">
<a class="IMGLIST" href="../static/Gallery/Stange.jpg"><img src="../static/Gallery/Stange.jpg">

这是有效的，但它不是一个有效的方式来手动添加所有的图片，尤其是当我计划添加批次:)

Answer 1

既然你说flask，我假设你有一个响应HTML文件的路由。你可以使用flask模板(你保留你的HTML文件，但在其中有python逻辑)，并有一个for循环，循环通过你在渲染模板时传递的图像列表。

HTML文件应该有

{% for image in images %}
<a class="IMGLIST" href="{ image }"><img src="{ image }" /></a>
{% endfor %}

你的flask路由会返回类似

的东西

return render_template('index.html', images=list_of_images)

关于flask模板的更多信息可以在这里找到