无论路径如何,图像均不显示

我刚刚启动了一个非常简单的网站,其中包含5张图片。无论img标签中的路径如何,都不会显示其中的4张图像。无论img标签中的路径如何,始终会显示第5张图片。

我尝试过“ images / imagename.jpg”,“ / images.imagename.jpg”,“ ../ images.imagename.jpg”。 我试过将图片放在根目录下并使用src =“ imagename.jpg”。

未显示的图像在控制台中显示以下警告:

无论路径如何,图像均不显示

这是当前代码: http://avalynncirce.com/perduco

<!DOCTYPE html>
<html>
    <head>
        <style>
            img {max-height: 100vh;}
        </style>
    </head>
    <body>

        <div style="width:20%; float:left; position: fixed;">
            <nav>
                <ul>
                    <li><a href="#sv1">Workflow v1 Scatterplot</a></li>
                    <li><a href="#mv1">Workflow v1 Menu</a></li>
                    <li><a href="#sv2">Workflow v2 Scatterplot</a></li>
                    <li><a href="#mt">Collaboration Tool: Sketch (MAC and Online)</a></li>
                    <li><a href="#mt2">Collaboration Tool Tool: Figma (Windows)</a></li>
                </ul>
            </nav>
        </div>

        <div style="width:75%; float:right;">
            <section id="sv1">
                <hr style="margin: 50px;">
                <img src="/images/scatterplotv1.png">
            </section>

            <section id="mv1">
                <hr style="margin: 50px;">
                <img src="../images/menuv1.png">
            </section>

            <section id="sv2">
                <hr style="margin: 50px;">
                <img src="../images/perduco.png">
            </section>

            <section id="mt">
                    <hr style="margin: 50px;">
                    <img src="../images/perduco-sketch.png">
            </section>

            <section id="mt2">
                    <hr style="margin: 50px;">
                    <img src="../images/figma.png">
            </section>

        </div>

    </body>
</html>
xin11230 回答:无论路径如何,图像均不显示

保留文件夹如下所示。并尝试在HTML下方查看图片。

enter image description here

<img src="images/logo.png" alt="logo"/>
,

“ ../ images / imagename.jpg”将在您的根文件夹(或“ / images”上的一个文件夹)中查找。 我总是使用“ ./images/imagename.jpg”,它总是有效。

您的浏览器可能不正确地缓存图像。尝试打开开发人员工具(如果使用chrome),选择“网络”标签,并在打开开发人员工具时禁用缓存。

否则,请在开发工具中检查控制台,以查看未显示错误的可能原因。

,

这种情况以前从未发生过,我不确定这次为什么发生,但是有问题的图像文件被设置为私有。我使用Filezilla上传文件。右键单击服务器映像会弹出一个菜单,我可以在其中更改隐私设置。

enter image description here

本文链接:https://www.f2er.com/3119795.html

大家都在问