时间戳

首页 > 解决方案 > 图片未在 HTML 中显示，错误 404 但路径正确

html - 图片未在 HTML 中显示，错误 404 但路径正确

问题描述

我的图片没有出现在我的网站上，我不知道为什么。当我单击 IDE 中的路径链接时，它会将我带到正确的图像，因此我知道路径是正确的。我尝试../在路径之前放置，因为图像与 html 文件位于不同的目录中，但我仍然收到 404 错误。

我的项目文件夹中有以下设置：

在此处输入图像描述

起初，我的 CSS 文件在我添加之前也没有找到，../所以我用图像尝试过，但仍然没有。

HTML：

<section>
    <!-- All image layers -->
    <img src="../images/vacation/ColoredBackground.png" id="bg">
    <img src="../images/vacation/BackMountain.png" id="BackMountain">
    <img src="../images/vacation/BackTrees.png" id="BackTrees">
    <img src="../images/vacation/FrontMountains.png" id="FrontMountains">
    <img src="../images/vacation/FrontTrees.png" id="FrontTrees">
    <img src="../images/vacation/GreenMountain.png" id="GreenMountain">
    <img src="../images/vacation/RightPlants.png" id="RightPlants">
    <img src="../images/vacation/LeftPlants.png" id="LeftPlants">
    <img src="../images/vacation/Car.png" id="Car">
    <img src="../images/vacation/Clouds.png" id="Clouds">
    <img src="../images/vacation/Road.png" id="Road">
</section>

终端：

127.0.0.1 - - [13/Aug/2021 13:26:13] "GET / HTTP/1.1" 200 -
127.0.0.1 - - [13/Aug/2021 13:26:13] "GET /static/styles.css HTTP/1.1" 200 -
127.0.0.1 - - [13/Aug/2021 13:26:13] "GET /images/vacation/ColoredBackground.png HTTP/1.1" 404 -
127.0.0.1 - - [13/Aug/2021 13:26:13] "GET /images/vacation/BackMountain.png HTTP/1.1" 404 -
127.0.0.1 - - [13/Aug/2021 13:26:13] "GET /images/vacation/FrontMountains.png HTTP/1.1" 404 -
127.0.0.1 - - [13/Aug/2021 13:26:13] "GET /images/vacation/FrontTrees.png HTTP/1.1" 404 -
127.0.0.1 - - [13/Aug/2021 13:26:13] "GET /images/vacation/GreenMountain.png HTTP/1.1" 404 -
127.0.0.1 - - [13/Aug/2021 13:26:13] "GET /images/vacation/BackTrees.png HTTP/1.1" 404 -
127.0.0.1 - - [13/Aug/2021 13:26:13] "GET /images/vacation/RightPlants.png HTTP/1.1" 404 -
127.0.0.1 - - [13/Aug/2021 13:26:13] "GET /images/vacation/Clouds.png HTTP/1.1" 404 -
127.0.0.1 - - [13/Aug/2021 13:26:13] "GET /images/vacation/LeftPlants.png HTTP/1.1" 404 -
127.0.0.1 - - [13/Aug/2021 13:26:13] "GET /images/vacation/Car.png HTTP/1.1" 404 -
127.0.0.1 - - [13/Aug/2021 13:26:13] "GET /images/vacation/Road.png HTTP/1.1" 404 -

标签： html

解决方案

将图像文件夹放在静态文件夹中。然后编写 { {%static 'images/vacation/img_name'%}} Django 只需从静态文件夹加载静态文件，如图像、js、css 和其他静态文件。试试这个，它很可能会有所帮助。

推荐阅读