Windows 10本地HTML图片无法通过相对路径加载求助

先核对文件结构与路径匹配 #

先明确你的HTML文件和images文件夹的层级关系：

• 如果文件结构是：

  桌面/
    index.html
    images/
      dogs.jpg
  

  那HTML里的img标签要写：<img src="images/dogs.jpg" alt="dog">
• 如果HTML在子文件夹中（比如桌面/my-project/index.html），路径需写成：<img src="../images/dogs.jpg" alt="dog">
• 所有路径统一用斜杠/，绝对不能混用Windows的反斜杠\，比如别写images\dogs.jpg。

脱离OneDrive测试 #

OneDrive的同步机制可能干扰本地路径解析，把HTML文件和images文件夹移到非OneDrive的本地目录（比如D盘新建web-test文件夹），再用相对路径测试，多数情况下能解决问题。

检查浏览器本地访问限制 #

部分浏览器对本地文件读取有严格限制：

• 换用Edge或Firefox打开HTML文件，测试图片是否加载；
• 若用Chrome，可在快捷方式的目标栏末尾添加 --allow-file-access-from-files（注意前面有空格），重启浏览器后再尝试。

验证文件权限 #

右键点击images文件夹和图片文件，选择「属性」-「安全」，确认当前用户拥有「读取」权限，没有的话手动添加读取权限。

确认文件扩展名 #

确保图片确实是.jpg格式，不是被隐藏扩展名的.jpg.txt。打开文件夹选项，勾选「显示文件扩展名」，检查后缀是否正确。

内容的提问来源于stack exchange，提问作者jimbo