HTML中的标签无法直接引用本地文件系统路径（如C:\Users\Public\Pictures\download.jpg），必须使用Web服务器可访问的相对或绝对URL路径，否则浏览器将因安全限制而回退显示alt文本。
html中的``标签无法直接引用本地文件系统路径（如c:\users\public\pictures\download.jpg），必须使用web服务器可访问的相对或绝对url路径，否则浏览器将因安全限制而回退显示alt文本。
在Web开发中，一个常见却容易被初学者忽略的关键原则是：浏览器加载图片时，请求的是HTTP资源，而非本地磁盘文件。你当前写的代码：
<img src="C:%5CUsers%5CPublic%5CPictures%5Cdownload.jpg" alt="CMB Logo" style="max-width:90%">
虽然语法上看似合理，但实际运行时必然失败——原因有三：
✅ 浏览器安全策略禁止直接读取本地文件系统路径（file://协议受限，且跨域/沙箱机制阻止C:\...这类绝对路径）；
✅ src属性值必须是URL（统一资源定位符），例如 /images/download.jpg 或 https://example.com/images/download.jpg，而非Windows文件路径；
✅ PgAdmin中的“splash page”本质上是通过Web服务器（如内置的Flask、Node.js服务或Nginx代理）提供服务的HTML页面，所有静态资源（包括图片）必须部署在该服务器可公开访问的静态资源目录下。
✅ 正确做法：将图片放入Web服务器的静态资源路径
假设你的Web应用使用标准结构（以常见Python/Flask或Node.js为例）：
将
download.jpg复制到项目内的静态资源目录，例如：your_app/static/images/download.jpg（Flask）
或public/images/download.jpg（Vite/Express/Next.js等）-
然后在HTML中使用相对于站点根目录的路径（即以
/开头的路径）：<img src="/static/images/download.jpg" alt="CMB Logo" style="max-width:90%"><!-- 或（若静态资源映射到 /public） --><img src="/images/download.jpg" alt="CMB Logo" style="max-width:90%">
? 提示：确保Web服务器已正确配置静态文件服务。例如在Flask中需启用
static_folder='static'；在Express中需调用app.use(express.static('public'))。
⚠️ 常见错误排查清单
- ❌ 错误：
src="C:\..."或src="D:/..."→ 浏览器拒绝加载，仅显示alt； - ❌ 错误：
src="images/download.jpg"（无前导/）→ 路径相对于当前HTML所在URL，易因路由嵌套失效； - ❌ 错误：图片文件名大小写不匹配（Linux服务器区分大小写）；
- ❌ 错误：未重启Web服务或浏览器缓存旧HTML → 清除缓存或强制刷新（Ctrl+F5）；
- ✅ 验证方式：在浏览器中右键图片区域 → “检查元素”，点击
src链接，看是否返回404；若跳转到新标签页并显示图片，则路径正确。
? 总结
永远记住：Web前端看不到你的C盘，只认服务器提供的URL。把图片放进项目静态目录，用 / 开头的路径引用，配合正确的服务器静态资源配置，即可稳定显示。这不是PgAdmin或PostgreSQL的问题，而是Web架构的基本约束——尊重它，就能少走90%的弯路。
