首页 > 编程语言 >Python -Flask HTML <img 显示本地图片失败,怎么破?

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

时间:2023-06-27 09:45:17浏览次数:51  
标签:img Python 代码 路径 Flask HTML 图像 属性

大家好,我是皮皮。

一、前言

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

image.png

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

image.png

二、实现过程

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

image.png

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

image.png

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

image.png

三、总结

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

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

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

image.png

标签:img,Python,代码,路径,Flask,HTML,图像,属性
From: https://www.cnblogs.com/dcpeng/p/17507818.html

相关文章

  • 如何利用python做爬虫?
    Python爬虫在许多情况下是非常有用的,爬虫可以帮助自动化地从互联网上获取大量数据。这些数据可以是产品信息、新闻文章、社交媒体内容、股票数据等通过爬虫可以减少人工收集和整理数据的工作量,提高效率。在软件开发中,可以使用爬虫来进行自动化的功能测试、性能测试或页面链接检查......
  • python全栈开发查询目录
     python全栈开发查询目录(私有状态具体内容暂不支持访问)  第一模块:Python基础&基础数据类型第1章:计算机基础和环境搭建-cnblog第2章:快速上手-cnblog第3章:python基础-cnblog第4章:进制和编码-cnblog第5章:数据类型之int、bool、str-cnblog第6章:数据类型之list、tuple-c......
  • python源码结构
    在Python中,源文件通常以.py为扩展名,并且可以按照一定的结构进行组织。下面是一个典型的Python源文件的结构示例:1#-*-coding:utf-8-*-23"""模块的文档字符串"""45#导入语句6importmodule17frommodule2importfunc1,func28frommodule3import*......
  • Python数据预处理
    1数据的生成与导入这里主要使用的pandasimportpandasaspd#加载excel数据df_excel=pd.read_excel('')df_excel.head()#加载text数据df_text=pd.read_table('')df_text.head()#加载csv数据df_csv=pd.read_csv('')df_csv.head()2读取多个数据并合并importglobg......
  • python发展史及python应用场景
    python发展史 Python的发展可以分为以下几个阶段:Python1.x(1994-2000):这个阶段是Python发展的初期,主要特点是语言简单易学,它可以很好地操作文本和文件,并且具有很好的扩展性,允许在Python中嵌入其他语言的代码。Python2.x(2000-2010):这个阶段是Python发展的中......
  • Python全栈学习 day07 数据类型(三)
    day06数据类型(下)常见的数据类型:int,整数类型(整形)bool,布尔类型str,字符串类型list,列表类型tuple,元组类型dict,字典类型set,集合类型float,浮点类型(浮点型)目标:掌握字典、集合、浮点类型相关知识。课程概要:set集合,一个不允许重复重复&可变类型(元素可哈希)。dict字典,一个......
  • Python全栈学习 day08 基础知识补充与总结
    day08总结和考试课程目标:对第一模块“Python基础”阶段的知识点进行总结和考试,让学员更好的掌握此模块的相关知识。课程概要:代码规范知识补充阶段总结(思维导图)考试题1.代码规范程序员写代码是有规范的,不只是实现功能而已。1.1名称在Python开发过程中会创建文件夹......
  • Python全栈学习 day04 进制和编码
    day04进制和编码课程目标:讲解计算机中一些必备的常识知识,让学员了解一些常见名词背后的含义(重在理解)。课程概要:python代码的运行方式进制计算机中的单位编码1.Python代码运行方式脚本式python3~/PycharmProjects/day03/6.作业题讲解.py交互式python32.进......
  • Python全栈学习 day2 快速上手基础语法知识
    day02快速上手课程目标:学习Python最基础的语法知识,可以用代码快速实现一些简单的功能。课程概要:初识编码(密码本)编程初体验输出初识数据类型变量注释输入条件语句1.编码(密码本)计算机中所有的数据本质上都是以0和1的组合来存储。在计算机中会将中文内存转换成0101......
  • Python基于SVM和RankGauss的低消费指数构建模型
    全文链接:https://tecdat.cn/?p=32968原文出处:拓端数据部落公众号分析师:WenyiShen校园的温情关怀是智慧校园的一项重要内容。通过大数据与数据挖掘技术对学生日常校园内的消费信息进行快速筛选和比对,建立大数据模型,对校园内需要帮助的同学进行精准识别,为高校温情关怀提供有效的......