html的img标签无法读取到绝对路径下的图片
时间: 2023-11-11 07:07:51 浏览: 99
HTML 的 img 标签是无法读取到服务器上的绝对路径下的图片的,因为浏览器的安全机制限制了这样的操作。如果需要在 HTML 页面中显示服务器上的图片,可以采用以下两种方式:
1. 使用相对路径
可以将图片放在与 HTML 页面同级的文件夹下,然后在 img 标签中使用相对路径来引用图片,例如:
```
<img src="images/pic.jpg" alt="图片">
```
这样无论是本地调试还是部署到服务器上,都可以正常显示图片。
2. 使用绝对路径和URL
使用绝对路径和 URL 来引用服务器上的图片是可以的,例如:
```
<img src="http://example.com/images/pic.jpg" alt="图片">
```
这样可以直接通过 URL 来加载图片,但需要注意的是,如果图片所在的服务器和 HTML 页面所在的服务器不在同一个域名下,可能会受到浏览器的安全限制,无法正常加载图片。
因此,建议使用相对路径来引用服务器上的图片,这样可以更加灵活且兼容性更好。
阅读全文