【问题标题】:How to make a picture link with HTML?如何用 HTML 制作图片链接?
【发布时间】:2011-11-03 02:00:36
【问题描述】:

我已经用这个代码片段做了一个图片链接:

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

但是我的页面上没有出现图片,为什么?

(我目前只在本地使用我的页面!)

【问题讨论】:

  • 您打算在线部署此站点吗?如果是,请使用相对路径。如果没有,当你上线时......你所有的图片都会出错,你将不得不改变所有的路径。

标签: html hyperlink image


【解决方案1】:

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

要么使用相对路径

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

请注意,如果您打算使用此“在线”,它将因本地引用而失败。

如果您通过网络服务器加载页面,您应该使用:

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

或者

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

或者图片的路径是什么。

我更喜欢相对路径(第一个),但它可以让您将页面移动到另一个域而不会破坏您的链接/图像。

【讨论】:

  • 删除了反对票,这意味着不同的答案。也就是说,由于 OP 链接到本地​​(相对)PHP 文件,它几乎可以肯定是一个远程页面,因此 file:// 协议将被禁止。
  • 我复制了你的片段并用它替换了我的旧片段,但图片仍然显示不出来?
  • @NorS:如果您通过网络服务器加载页面,则不能使用本地 file:/// 引用。请参阅我的更新答案。
【解决方案2】:

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

改变这个: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,看看会发生什么。

【讨论】:

  • 我的浏览器显示了图片!但是即使我听从了您的建议,它仍然不会显示在我的页面上?
  • 应该使用相对路径。如果您将yourwebsite.... 放在任何地方,如果您将主机更改为mywebsite... 您将不得不更改所有内容。你应该只使用 ../img/myImgage.jpg
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2014-04-14
  • 2016-06-26
  • 1970-01-01
  • 2013-06-20
  • 1970-01-01
  • 2010-10-25
相关资源
最近更新 更多