HTML跨盘符引用图片的路径设置及权限问题咨询

不一定是文件夹权限问题，先排查这几个更常见的原因：

• 路径空格未转义：你的图片路径里包含stock images这个带空格的文件夹，直接写在file://链接里会被浏览器识别错误。把空格替换成URL转义字符%20，修改后的代码应该是：

  <img src="file:///D:/resources/images/stock%20images/logo.jpg" alt="image">
  

• 浏览器本地文件访问限制：部分现代浏览器（比如Chrome、Edge）默认禁止本地HTML文件访问其他磁盘的资源。如果转义空格后还是不行，可以尝试：

  • 用Firefox打开HTML文件，它对本地跨盘文件访问的限制更宽松；
  • 若必须用Chrome，可关闭所有Chrome窗口后，右键点击Chrome图标，选择「属性」，在「目标」栏末尾添加 --allow-file-access-from-files（注意前面有空格），启动后再打开HTML文件。

• 权限问题排查：如果上面两种方法都无效，再检查权限：

  1. 右键D:\resources\images\stock images文件夹，选择「属性」；
  2. 切换到「安全」选项卡，确认当前登录用户有「读取」权限；
  3. 若没有，点击「编辑」添加读取权限并保存。

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