Img Src在本地计算机上

Question

我认为这是一个常见的初学者问题，但我发现没有任何回复可以解决我的问题：我无法链接到本地​​计算机上的图像。

我正在为wordpress安装制作主题（在使用Xampp运行Windows 7的戴尔上。）我的index.php文件位于：

C:\xampp\htdocs\tutorials\wordpress\wp-content\themes\LeftColumn\index.php

我要展示的图片是：

C:\xampp\htdocs\tutorials\wordpress\wp-content\themes\LeftColumn\images\pmsplogo.jpg

...虽然我尝试了很多变化，但我在<img src=""/>中放置的任何内容似乎都没有效果。任何人都可以解释一下正确的编码方式是针对我的情况吗？

请注意，它会正确显示来自外部网站的图片（例如：http://littlewebhut.com/images/eightball.gif）

谢谢！

Answer 1

一般情况下IE浏览器可以使用类似C:\的路径，但其他浏览器需要更多功能。使用file:///C:/启动路径，然后通过Windows资源管理器填写文件的其余路径。

但最好考虑相对路径 - ../../images/src="img.gif" - 例如。这将是从当前位置向上的两个目录，然后进入images目录。

Answer 2

您应该在实际路径前添加<?php bloginfo('template_url');?>。假设您的主题中名为logo.png的文件夹中有images图像。要在Wordpress主题（index.php或其他wordpress模板页面）中链接它，你可以这样做：

<img src="<?php bloginfo('template_url');?>/images/logo.png" alt="Logo"/>

上面的php函数（bloginfo）正在调用你的模板url。对于此模板网址，您需要添加文件实际文件在主题中的位置（在本例中为/images/logo.png）。

希望这是有道理的。

Answer 3

HTML中文件的路径来自Web根目录。因此\tutorials\wordpress\wp-content\themes\LeftColumn\images\pmsplogo.jpg在本地计算机和远程服务器上是相同的。如果它不起作用，那么您需要确保路径正确并且您已正确设置两个服务器。

Answer 4

在模板的框架中编写整个路径 没必要。这应该足够了：\images\pmsplogo.jpg

这是我的WordPress模板的屏幕，它与上述条目的工作非常合理：

• http://stepolabs.com/upload/path.png

如果您要移动模板，则无需更改每个img的路径。这是一个很大的优势。