存储于OneDrive的HTML文件无法加载同目录图片的技术咨询

1. 优先用相对路径（最简单有效） #

既然HTML和图片在同一个OneDrive文件夹里，直接用相对路径引用就行，完全不用复杂的绝对路径。示例代码：

<img width="100%" src="image.jpg">

不管是本地同步的OneDrive文件夹里直接打开HTML，还是通过OneDrive网页端预览，这个路径都能绕过OneDrive的防护机制正常加载图片。

2. 嵌入链接兜底（相对路径失效时用） #

如果相对路径还是出问题，就用OneDrive的官方嵌入链接：

• 右键目标图片 → 选「嵌入」
• 复制弹出窗口里的链接地址（就是<iframe>标签里的src值）
• 把它放到HTML的<img>或者<iframe>里：
  • 用<img>的写法：

    <img width="100%" src="替换成复制的嵌入链接">
    

  • 用<iframe>的写法：

    <iframe src="替换成复制的嵌入链接" width="100%" frameborder="0"></iframe>
    

注意要确保图片的权限设置是允许当前用户访问，不然链接会失效。

3. 别用OneDrive内部绝对路径 #

你之前用的/personal/user_test_domain_com/Documents/repro/image.jpg这类路径属于OneDrive的内部路由路径，不是公开的资源访问链接。右键新标签页能打开是因为浏览器带了你的登录会话，但HTML里直接引用会被OneDrive的防护机制拦截，所以绝对不能用这种路径。

额外提醒 #

别把图片放到Style Assets文件夹，这个是OneDrive的特殊目录，权限限制更多，反而不利于同目录HTML引用。

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