&amp+lt

大家好，我是皮皮。

一、前言

前几天在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图片显示的问题，文中针对该问题，给出了具体的解析和代码实现，帮助粉丝顺利解决了问题。

最后感谢粉丝【膨】提问，感谢【漫游感知】、【此类生物】、【栖迟-3768】、【kim】给出的思路和代码解析，感谢【莫生气】等人参与学习交流。

【提问补充】温馨提示，大家在群里提问的时候。可以注意下面几点：如果涉及到大文件数据，可以数据脱敏后，发点demo数据来（小文件的意思），然后贴点代码（可以复制的那种），记得发报错截图（截全）。代码不多的话，直接发代码文字即可，代码超过50行这样的话，发个.py文件就行。

","gnid":"96f8836e4a8d913dd","img_data":[{"flag":2,"img":[{"desc":"","height":"688","title":"","url":"https://p0.ssl.img.360kuai.com/t01a28347a87bd36938.png","width":"1080"},{"desc":"","height":"695","title":"","url":"https://p0.ssl.img.360kuai.com/t01f40a0aefecafbde1.png","width":"874"},{"desc":"","height":"572","title":"","url":"https://p0.ssl.img.360kuai.com/t015cde1a9cc64bb8aa.png","width":"1080"},{"desc":"","height":"673","title":"","url":"https://p0.ssl.img.360kuai.com/t01e8a4534dd15603ba.png","width":"885"},{"desc":"","height":"585","title":"","url":"https://p0.ssl.img.360kuai.com/t01104fbc547d53cbe5.png","width":"548"}]}],"original":0,"pat":"art_src_0,fts0,sts0","powerby":"cache","pub_time":1687823502000,"pure":"","rawurl":"http://zm.news.so.com/c13685945f83c95c9037c218c6d8d40d","redirect":0,"rptid":"06649ee645e653b3","rss_ext":[],"s":"t","src":"Python网络爬虫与数据挖掘","tag":[],"title":"Python -Flask HTML p2(); [支朱13546556535]
+&amp;lt是什么意思 -
…… 舌乐3588 &代表符号& 第二个应该是<代表的是<(小于号) 最后一个应该是>代表的是>(大于号) 翻译过来应该是这样的:&<div id=umenu &> 但是我感觉你的代码有些问题.我觉得应该是这样的吧. <div id= umenu >翻译过来是<div id= umenu > 应该是实现在页面上显示一个div标签的定义,并指定其id=umenu.不知你能否明白

[支朱13546556535]
&lt;卖火柴的小女孩&gt;里“多么美妙的东西”指她看的什么? -
…… 舌乐3588 [答案] 幻想中的大火炉、烤鹅、圣诞树、奶奶

[支朱13546556535]
在方法前面加上这个命名空间&lt;CLSCompliant(False)&gt; 什么用途 -
…… 舌乐3588 [答案] CLSCompliant(False)表示这个类或借口是不符合CLS的.

[支朱13546556535]
&lt;全角&gt;和&lt;半角&gt;分别是怎么意思? -
…… 舌乐3588 譬如,你在月亮(半角)状态下输入的字母数字符号是123456789abcdefg.(注意前面那个小点)太阳(全角)状态下就变成1 2 3 4 5 6 7 8 9 a b c d e f g .(百度会把全角字符转为半角显示,但是你可以在记事本里面输入试试看.)看出来没有?不同的状态下字符占用的空间是不一样的.半角状态下字母数字符号占半个中文的位置,全角状态下字母数字符号占一个中文的位置.

[支朱13546556535]
for语句里i&amp;lt什么意思? -
…… 舌乐3588 应该是代码的编码出的问题,也就是乱码了........&it的转换后是 < 这个符号 对应的就是for循环

[支朱13546556535]
&lt;G弦上的咏叹调&gt;&gt;是哪国的音乐家由谁的作品改编的 名字的由来 -
…… 舌乐3588 此曲又德国的威廉密改编自巴赫的《乐队组曲第三号》,将第一小提琴声部的曲调由D大调改为C大调,乐器上以小提琴独奏为主,辅以大健琴伴奏,同时又将旋律全部移至小提琴G弦上演奏,由此命名为《G弦上的咏叹调》.

[支朱13546556535]
初中三年级课文中&lt;傅雷家书两则&gt;贯穿了一种怎样的内在精神 -
…… 舌乐3588 [答案] 尽管这两封家书内容不太一样,但是其中都贯穿了一种作者倡导的坚强的精神. 这种坚强的精神可以从两个方面来理 一是在遇到困难时,要不怕失败,不怕挫折,不怕打击; 二是在取得成功时,要戒骄戒躁,争取更大的成功.

[支朱13546556535]
&lt;这个怎么打 -
…… 舌乐3588 &按Shift+7(不是小键盘的7)

[支朱13546556535]
html 中怎样显示 < ?? 即打开网页后在body中显示 < 求解
…… 舌乐3588 &lt;用&amp;+lt;&gt;用&amp;+gt;去掉中间的+号

[支朱13546556535]
&lt;向命运挑战&gt;中,霍金是怎样以百折不挠的毅力战胜病魔的? -
…… 舌乐3588 [答案] 既有与病魔顽强搏斗,延长生命的一面,也有他顽强地工作,取得巨大成就的一面,