如何使用HTML制作图片链接？

Question

我已使用此代码剪辑创建了图片链接：

<a href='feed.php'><img src="C:\xampp\htdocs\Project\Icons\Feed.png"/></a>

但我的页面上没有图片，为什么？

（我目前只在本地使用我的页面！）

Answer 1

您无法从远程网页链接本地文件。这是为了防止网页访问最终用户计算机上的文件。

更改此内容：C:\xampp\htdocs\Project\Icons\Feed.png

对此：http://yourwebsitehere.com/Project/Icons/Feed.png

编辑：既然你说它只在本地使用，那么你需要使用它： file:///C:/xampp/htdocs/Project/Icons/Feed.png

另外，请确保图像实际位于您认为的位置！

尝试在浏览器的地址栏中输入file:///C:/xampp/htdocs/Project/Icons/Feed.png，看看会发生什么。

Answer 2

这是因为您（正在尝试）使用本地文件引用。

使用相对路径

或

<a href='feed.php'><img src="file:///C:/xampp/htdocs/Project/Icons/Feed.png"/></a>

请注意，如果您计划使用此“在线”，则会因LOCAL参考而失败。

如果您通过网络服务器加载页面，则应使用：

<a href='feed.php'><img src="/Icons/Feed.png"/></a>

或者

<a href='feed.php'><img src="http://yoursite.local/Icons/Feed.png"/></a>

无论图像的路径是什么。

我更喜欢相对路径（第一个），但是您可以将页面移动到另一个域而不会破坏链接/图像。