网站本地图片添加失败求助:桌面images文件夹图片无法显示
本地HTML图片无法显示的排查方案
明确HTML文件的位置:
如果你的HTML文件不在桌面,Desktop/images/eye.jpg这种相对路径肯定找不到文件。比如HTML存放在「我的文档」里,就得写从「我的文档」到桌面的层级路径:../Desktop/images/eye.jpg(../代表上一级目录)。最省心的办法是把HTML文件移到桌面,和images文件夹放在同一层级,这时用<img src="images/eye.jpg">就能正常加载。核对文件名和扩展名:
系统可能默认隐藏了文件扩展名,别只看表面的eye.jpg,实际可能是eye.png或eye.jpeg。去文件夹设置里开启「显示文件扩展名」,确认图片的真实后缀后,对应修改src里的内容。注意路径大小写:
Mac/Linux系统对路径大小写敏感,要是图片实际叫Eye.jpg,你写eye.jpg就会加载失败;Windows虽不敏感,但保持大小写一致能避免后续部署到服务器出问题。用绝对路径快速验证:
搞不清相对路径时,直接用绝对路径测试。Windows右键图片→属性→复制「对象名称」,粘贴到src:<img src="C:\Users\你的用户名\Desktop\images\eye.jpg">Mac右键图片→复制→「复制为路径名称」,粘贴后:
<img src="/Users/你的用户名/Desktop/images/eye.jpg">要是绝对路径能显示,说明问题出在相对路径的层级判断上。
内容的提问来源于stack exchange,提问作者iJV
相关产品推荐
相关产品推荐

