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

Python进阶者
• 阅读 210

大家好,我是皮皮。

一、前言

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

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

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

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

二、实现过程

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

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

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

Python -Flask HTML <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】也找到了问题的所在,顺利地解决了粉丝的问题。

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

三、总结

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

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

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

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

点赞
收藏
评论区
推荐文章
Python进阶者 Python进阶者
1年前
怎么用Python把左边这种转成右边这种?
大家好,我是皮皮。一、前言前几天在Python白银交流群【惜君】问了一个Pandas处理Excel的问题,这里拿出来给大家分享下。下面是粉丝自己写的代码:二、实现过程看上去是分组,聚合。这里【此类生物】提出使用.sum().unstack()方法,可以得到
Python进阶者 Python进阶者
1年前
Python中的这个super这行是啥意思啊?
大家好,我是皮皮。一、前言前几天在Python白银交流群【Ming】问了一个Python基础的问题,这里拿出来给大家分享下。二、实现过程这里【carpediem】给了一个思路,如下图所示:自动寻找父类的所有方法跟属性,具体如下:三、总结大家好,我是皮皮。这
Python进阶者 Python进阶者
1年前
大佬们,这个导包怎么写呀?本地执行可以,Linux执行报错
大家好,我是皮皮。一、前言前几天在Python最强白银交流群【喜靓仔】问了一个Python路径处理的问题,这里拿出来给大家分享下。下图是他的代码:二、实现过程这里【小王子】给了一个答案,如下所示:代码如下:fromsysimportpathpath.ins
Python进阶者 Python进阶者
1年前
我在比较时序数据时,程序报错说数据标签有问题
大家好,我是皮皮。一、前言前几天在Python白银群【黑白人生】问了一个Pandas数据处理的问题,这里拿出来给大家分享下。截图如下图所示:数据截图如下所示:二、实现过程这里【论草莓如何成为冻干莓】给了一个思路,如下所示:看上去还是有点深奥的。后来【瑜亮老
Python进阶者 Python进阶者
1年前
Pyecharts是空白的不出图,怎么肥四?
大家好,我是皮皮。一、前言前几天在Python白银群【Lannozhang】问了一个Python作图的问题,这里拿出来给大家分享下。他的代码截图如下:二、实现过程这里【论草莓如何成为冻干莓】、【此类生物】指出拿到的数据需要强转为int类型才可以。其实他本身
Python进阶者 Python进阶者
1年前
我想统计每个箱体的accept_sum分别的和,可以怎么搞哇?
大家好,我是皮皮。一、前言前几天在Python白银交流群【对方正在输入中.....】问了一个Python可视化处理的问题,这里拿出来给大家分享下。下图是代码和报错截图:二、实现过程这里【瑜亮老师】指出问题所在,如下所示:图片很忠实的表示了他的代码:顺利地解
Python进阶者 Python进阶者
5个月前
Excel中这日期老是出来00:00:00,怎么用Pandas把这个去除
大家好,我是皮皮。一、前言前几天在Python白银交流群【上海新年人】问了一个Pandas数据筛选的问题。问题如下:这日期老是出来00:00:00,怎么把这个去除。二、实现过程后来【论草莓如何成为冻干莓】给了一个思路和代码如下:pd.toexcel之前把这
Python进阶者 Python进阶者
1年前
有大佬知道这是为什么嘛?路径和文件名都没错呀
大家好,我是皮皮。一、前言前几天在Python白银交流群【笑】问了一个Python文件处理的问题,这里拿出来给大家分享下。二、实现过程这里【空翼】指出是路径错了的问题,其实报错也非常明显了。只需要把前面那个topminesrc去掉即可。顺利地解决了粉丝的问
Python进阶者 Python进阶者
1年前
尝试安装包的时候遇到的这样的错误,然后我尝试更新pip发现几乎报了同样的错,如何解决?
大家好,我是皮皮。一、前言前几天在Python白银群【黑白人生】问了一个Python基础的问题,这里拿出来给大家分享下。二、实现过程这里【ChatGPT】给出了一个思路,如下所示:开代理可能会影响Python库安装,原因如下:1.代理可能会阻止Python
Python进阶者 Python进阶者
1年前
盘点一个初学者容易遇到的Python作用域问题
大家好,我是皮皮。一、前言前几天在Python白银交流群【王王雪饼】问了一个Python基础的问题,这里拿出来给大家分享下。下图是她的报错截图:二、实现过程这里【像风自由】给了一个解决思路,从报错上看,其实就是变量没有定义,后来定义了还是有问题:不过感觉还