HTML img标签无法访问D盘图片，完整URL及相对路径均失效求助

核心原因 #

• 浏览器安全限制：网页（尤其是通过HTTP服务器运行的页面）默认禁止直接访问本地磁盘文件，哪怕写了完整的file:///D:/xxx.jpg路径也会被拦截，这是浏览器的同源策略和本地文件保护机制导致的。
• 相对路径误用：.和../是针对网站项目内部文件结构的相对路径，不能跨磁盘访问本地文件。比如你的网页在C盘项目里，用../根本跳不到D盘的目录。

可行方案 #

• 迁移图片到项目目录：把需要展示的图片放到你的网页项目的子文件夹里（比如./images/），然后用相对路径调用：

  <img src="./images/your-image.jpg">
  

  这是最通用、无安全问题的做法。
• 本地直接打开HTML文件+正确的file协议路径：如果一定要用D盘的图片，只能双击打开本地HTML文件（地址栏显示file:///开头），并且路径要写对格式：

  <img src="file:///D:/path/to/your-image.jpg">
  

  注意是三个斜杠，盘符后是冒号加斜杠，路径里尽量不要有中文或特殊字符。
• 不推荐：修改浏览器安全配置：少数浏览器可以通过启动参数或设置解除本地文件访问限制，但会降低浏览器的安全性，仅适合本地测试临时使用。

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