src绝对路径问题

Posted

技术标签:

【中文标题】src绝对路径问题【英文标题】:src absolute path problem 【发布时间】:2011-07-06 16:17:25 【问题描述】:

我在 C:\wamp\www\site\img 中有一张图片,我尝试在页面中显示它:

<img src="C:\wamp\www\site\img\mypicture.jpg"/>

但它不起作用。文件实际上在那里,如果我尝试用相对路径引用它,我得到了图片

<img src="../img/mypicture.jpg">

错误在哪里?我错过了什么? 再次感谢你们!

【问题讨论】:

&lt;img src="C:\\wamp\\www\\site\\img\\mypicture.jpg"/&gt; 如果在同一台机器上可能会工作 @kjy112 不。见@Luke 的回答。 @rlb.usa 如果它在同一台本地机器上,它应该可以工作。 我对编程和网页设计完全陌生。来到这里是因为我遇到了与问题中所述相同的问题。我的图像在 C 以外的另一个磁盘中,所以它不起作用。- 经过一些研究,并查看地址栏,我注意到一些额外的斜线,现在我可以看到图像应该在的位置。 - 以防万一有人发现它有用: 哦,顺便说一句,我想我没有使用“本地主机”一,html文件在同一个磁盘上,但它还没有在服务器上(他,不知道怎么做!=D)。- 谢谢大家 【参考方案1】:

首先在任何网络浏览器中打开图像。然后复制路径并将其添加为图像源位置,如下所示:

src="file:///C:/wamp64/www/site/img/mypicture.jpg"

【讨论】:

正如目前所写,您的答案尚不清楚。请edit 添加其他详细信息,以帮助其他人了解这如何解决所提出的问题。你可以找到更多关于如何写好答案的信息in the help center。 文件路径应该是相对路径,不包括驱动器路径。【参考方案2】:

&lt;img src="file://C:/wamp/www/site/img/mypicture.jpg"/&gt;

【讨论】:

【参考方案3】:

您应该将其引用为localhost。像这样:

&lt;img src="http:\\localhost\site\img\mypicture.jpg"/&gt;

【讨论】:

谢谢我使用了你的建议,但使用了正斜杠,现在我有了我的图像。 css" 可以代替吗?? 永远不要在网址中使用反斜杠 (迟到的评论,我知道)仅仅因为协议错误,就没有C: 协议。如果你真的想要,你可以使用file:// 协议(不一定是http://loc​​alhost),是的,没有像leonbloy 所说的反斜杠 有什么方法可以让我发现或知道图像损坏了吗? @MuneemHabib 见这里***.com/questions/92720/…【参考方案4】:

使用正斜杠。 见解释here

【讨论】:

【参考方案5】:

我认为因为 C 会在客户端 PC 上的 C 驱动器上看到,所以它不会让你看到。如果它能做到这一点,那将是一个很大的安全漏洞。

【讨论】:

什么意思?请解释一下 如果你从C盘引用东西;其中一个文件需要位于每个人电脑上的相同位置。我并不是说您想要做的是一个大洞,而是说如果您能够通过 C 根链接到它来启动命令提示符,则进行映像。 我明白了,卢克,谢谢!现在我想知道为什么我的 css 文件没有遇到同样的问题,使用我的“C 驱动器”引用相同的文件 您可能需要对此进行一些研究,但我认为这与页面的呈现方式有关,标题部分中定义的对象是在页面加载之前呈现的,所以尽管您是要求 c:\xxx.css 它实际上是在服务器上找到的,我胡扯可能还没有接近:)。我还有另一个建议,如果您想拥有绝对链接,您可以通过以下方式从 IIS 的根目录引用您的图像:src="/site/img/mypicture.jpg"

以上是关于src绝对路径问题的主要内容,如果未能解决你的问题,请参考以下文章

Vue项目中img标签src的路径问题

JS怎么更换img中src路径

img src=路径 总是显示不出图片 老是一把XX 新手学网页求解决

使用 jQuery 的图像绝对源路径

如何用js控制img中src图片路径改变

Webpack没有看到绝对路径