html图片绝对路径和相对路径
大家好，我是皮皮。
一、前言
前几天在Python白银群【膨】问了一个Flask图片显示的问题，这里拿出来给大家分享下。
运行之后图片加载不出来。
二、实现过程
这里【此类生物】给了一个思路，flask 运行当前路径是主程序路径，把图片路径改成绝对路径。
结果页面还是加载不出来。后来以为是img标签的问题，但是排查后发现无误。后来【漫游感知】给了一个思路，如下所示：
【Ineverleft】给补充道：<img> 是HTML中用于插入图像的标签。它具有以下属性：
src属性：指定图像文件的URL，可以是相对路径或绝对路径。
alt属性：指定图像无法显示时显示的替代文本。这对于视觉障碍用户和无法加载图像的浏览器很重要。
width和height属性：可选属性，用于指定图像的宽度和高度。如果只指定其中一个属性，浏览器将根据比例自动调整另一个属性。
title属性：可选属性，用于提供关于图像的额外信息，鼠标悬停在图像上时会显示。
使用例子：< 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 时贝以4222解释下什么是 相对路径和绝对路径 ? -
籍鸿寒18199048208 ______ 相对路径,你做网页时调用的图片连接等都在电脑上.如C:\Documents and Settings\user\My Documents\My Webs\_vti_pvt 绝对路径是你把做好的网页传到网上的空间里,你上网就能打开. 假设你注册了域名www.blabla.cn,并申请了虚拟主机,你...
时贝以4222html里的相对路径与绝对路径怎么分的? -
籍鸿寒18199048208 ______ 绝对路径:是从盘符开始的路径,形如 C:\windows\system32\cmd.exe 相对路径:是从当前路径开始的路径,假如当前路径为C:\windows 要描述上述路径,只需输入 system32\cmd.exe 实际上,严格的相对路径写法应为 .\system32\cmd.exe 其中,.表示当前路径,在通道情况下可以省略,只有在特殊的情况下不能省略. 假如当前路径为c:\program files 要调用上述命令,则需要输入 ..\windows\system32\cmd.exe
时贝以4222什么是绝对路径和对路径? -
籍鸿寒18199048208 ______ 绝对路径是指目录下的绝对位置,直接到的目标位置. 相对路径就是指由这个文件所在的路径引起的跟其它文件(或文件夹)的路径关系. HTML相对路径(Relative Path)和绝对路径(Absolute Path).HTML初学者会经常遇到这样一个问题...
时贝以4222在HTML超链接里,绝对地址和相对地址的区别是什么 -
籍鸿寒18199048208 ______ 绝对地址就是指网站空间的地址, 相对地址就是指你的网页资料存放在你的电脑里的地址! 如:www.123.com/images/123.jpg这就是绝对地址 d:/web/images/123.jpg这就是相对地址!
时贝以4222HTML中< img src=“”/>相对路径/绝对路径怎么操作啊? -
籍鸿寒18199048208 ______ 绝对路径吗就是相当于你的整个文件夹以外,相对路径就是文件夹内部的东西
时贝以4222网页设计中什么是绝对路径,什么是相对路径,哪个知道啊 -
籍鸿寒18199048208 ______ 如果您刚刚开始接触网页设计,是不是经常发生这样的问题呢?做好的网页在自己机器上可以正常浏览,而把页面传到服务器上就总是出现看不到图片,css样式表失效等错误.这种情况下多半是由于你使用了错误的路径,在应该使用相对路径...
时贝以4222怎么在html放入图片 -
籍鸿寒18199048208 ______ 图片在你的站点内可以使用相对路径,否则只能使用绝对路径.一般的网页当然使用的是相对路径了,因为自己做的东西放在站内是多么的安全啊.
时贝以4222在网页制作中绝对路径与相对路径区别 -
籍鸿寒18199048208 ______ 怎么区分相对路径和绝对路径 文章作者:柳焕斌 这是个问题么?很多网页制作初学者仍然向我咨询,我个人也觉得很有必要来弄清楚这个问题. 下面我主要是通过实际实战来给大家解释说明一下相对路径和绝对路径的区别. 你在自己的电脑...
时贝以4222如何正确学习HTML的相对路径和绝对路径 -
籍鸿寒18199048208 ______ 路径的作用在于指明一个文件或目录在文件系统中的位置,有两种表示方式:相对路径和绝对路径.一般情况下,哪种方式能够更快速的定位,我们就选择哪种路径. 相对路径:文件或目录相对于当前工作目录的位置.例如:路径“soft01/...
时贝以4222制作网页时的图片命名时一定要用英文的吗?相对路径和绝对路径有什么区别?
籍鸿寒18199048208 ______ 图片命名在本机上可以用中文名,但如果放网上的话,有些空间不支持中文名,所以建议用英文名HTML初学者会经常遇到这样一个问题,如何正确引用一个文件.比如,怎样在一个HTML网页中引用另外一个HTML网页作为超链接(hyperlink)...