如何在HTML中直接引用本地C/D盘图片而无需移动至HTML目录？

当然可以直接引用本地其他盘符的图片，不需要移动到HTML所在文件夹，关键是要写对本地文件路径的格式：

正确的路径写法 #

Windows本地路径在HTML里需要做两个调整：

1. 加上本地文件协议前缀 file:///（注意是三个斜杠）
2. 把路径里的反斜杠 \ 换成正斜杠 /，或者用双反斜杠 \\ 做转义

以你给出的图片路径 C:\Users\OMKAR\OneDrive\Desktop\memories\IMG20221004055341.jpg 为例，两种有效写法如下：

写法一（正斜杠）

<img src="file:///C:/Users/OMKAR/OneDrive/Desktop/memories/IMG20221004055341.jpg" alt="回忆照片">

写法二（双反斜杠转义）

<img src="file:///C:\\Users\\OMKAR\\OneDrive\\Desktop\\memories\\IMG20221004055341.jpg" alt="回忆照片">

需要注意的问题 #

• 仅本地有效：这种引用只能在你自己的电脑上打开HTML文件时显示图片。如果把HTML上传到服务器或者发给其他人，对方无法访问你本地C/D盘的文件，图片会加载失败。
• 浏览器安全限制：部分浏览器（比如Chrome）默认会阻止本地文件跨路径访问，可能导致图片无法显示。你可以通过命令行启动浏览器解除限制，比如Chrome的启动命令：

  chrome.exe --allow-file-access-from-files
  

• 特殊字符处理：如果路径里包含空格、中文或其他特殊字符，需要对这些字符进行URL编码（比如空格替换成 %20），否则可能出现加载错误。

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