Python -Flask HTML <img 显示本地图片失败，怎么破？

一、前言

前几天在Python白银群【膨】问了一个Flask图片显示的问题，这里拿出来给大家分享下。

运行之后图片加载不出来。

二、实现过程

这里【此类生物】给了一个思路，flask 运行当前路径是主程序路径，把图片路径改成绝对路径。

结果页面还是加载不出来。后来以为是img标签的问题，但是排查后发现无误。后来【漫游感知】给了一个思路，如下所示：

【Ineverleft】给补充道：<img> 是HTML中用于插入图像的标签。它具有以下属性：

1. src属性：指定图像文件的URL，可以是相对路径或绝对路径。
2. alt属性：指定图像无法显示时显示的替代文本。这对于视觉障碍用户和无法加载图像的浏览器很重要。
3. width和height属性：可选属性，用于指定图像的宽度和高度。如果只指定其中一个属性，浏览器将根据比例自动调整另一个属性。
4. title属性：可选属性，用于提供关于图像的额外信息，鼠标悬停在图像上时会显示。
5. 使用例子：< img src="image.jpg" alt="描述性文本" width="300" height="200" title="图像标题">

请注意，为了使图像在页面上正确显示，必须提供正确的图像路径，并确保图像文件位于指定路径上并可访问。

【栖迟-3768】、【kim】也找到了问题的所在，顺利地解决了粉丝的问题。

三、总结

大家好，我是皮皮。这篇文章主要盘点了一个Flask图片显示的问题，文中针对该问题，给出了具体的解析和代码实现，帮助粉丝顺利解决了问题。

往期精彩文章推荐：

• if a and b and c and d：这种代码有优雅的写法吗？
• Pycharm和Python到底啥关系？
• 都说chatGPT编程怎么怎么厉害，今天试了一下，有个静态网页，chatGPT居然没搞定？
• 站不住就准备加仓，这个pandas语句该咋写？