HTML:无法显示子文件夹的子文件夹中的图像文件(棘手)

问题描述 投票:0回答:2

我正在我的 html 文件中添加图像,但是用这种方式

<img src="/img/logo/logo_500x150.png" class="logo" alt="Logo 500x150"/>

网页只显示“缺失图像”图片。

如果我将图像移动到其父子文件夹,则一切正常:

<img src="/img/logo_500x150.png" class="logo" alt="Logo 500x150"/>

备注:

  1. 文件夹结构为:

    web/
        myfile.html
        img/
            logo/
    
  2. 在这两种方式中,当我在编辑器中并按住 Ctrl 键并单击链接时,它们都会显示图像

如何解决此问题以正确显示图像?

html image netbeans path subdirectory
2个回答
1
投票

if web 是一个公共目录,例如 www.somedomain.com/web

你可以使用

<img src="/web/img/logo/logo_500x150.png" class="logo" alt="Logo 500x150"/>

<img src="img/logo/logo_500x150.png" class="logo" alt="Logo 500x150"/>

0
投票

图像位于当前文件夹的上一级文件夹中。尝试 img src=“../img/logo/

© www.soinside.com 2019 - 2024. All rights reserved.