Html img标记不使用src中的相对路径

这不起作用：

<img src="../assets/images/image.jpg" alt="Alternative Text">

但这是可行的：

<img src="http://localhost/abc/def/geh/assets/images/image.jpg" alt="Alternative Text">

在我的场景中，我无法使用绝对路径。我必须使用相对路径。

“./assets/images/image.jpg”-这意味着

“../”从我现在所在的位置向上移动一个目录

查找“assets/”文件夹

查找“图像”文件夹

查找“image.jpg”文件

只有当您的页面位于中的子文件夹中时，该相对链接才会起作用

“”

如果页面的位置确实是

---

“localhost/asdf/asdf/asdf/asdf/index.php”

（这似乎很可笑）要相对地进入资产文件夹，您必须一直到根目录

'../../../abc/deh/geh/assets/images/image.jpg

---

或者，您可以在head标记中使用base标记，以使实际src属性中的URL更友好。

我怀疑您实际上没有按照我告诉您的那样做，因此这里是一个屏幕截图：

如果图像在一个新的选项卡中打开，那么您就有某种错误或扩展正在html中将其搞乱。如果你弄乱了相对路径，你很可能会得到404，但你可以看到绝对路径。

---

它可能看起来像

http://localhost/asdf/asdf/asdf/asdf/assets/assets/image.jpg

无论哪种方式，请发送上述操作的屏幕截图。

<img src="assets/images/image.jpg" alt="Alternative Text">

应该可以工作。不应该在映像路径的开头放置“../”

有关相对路径与绝对路径的更好理解，请参阅React:

导入图像：

import image from '../../assets/random-image.png'

将导入的变量用作

src

属性的值：

<img src={image} />

---

我会让你的生活变得非常简单。
按以下方式使用

---

此HTML所在页面的URL是什么？localhost/asdf/asdf/asdf/index.php查看

img

元素，右键单击

src

并在“新建”选项卡中打开图像以查看它试图获取的URL。您也可以在控制台和网络选项卡中看到它。@miro是的，我已经完成了。当我在netbeans中运行时，它以两种方式显示图像。但是，当我在浏览器上运行时，它不起作用。只使用2个

img

标记（相对和abs）创建一个

test.html

，然后看看它是否起作用。。。另外，您是否检查了其他浏览器？当然，除非

assets

文件夹实际上是当前文档上方的一个目录。但是，你是第一个想到要问的人，因此，荣誉。这不是一个问题。谢谢这帮我在React中获得了Navbarbrand上的徽标这帮我在React中也得到了帮助。谢谢！谢谢@Eduard，这帮我解决了问题！