导航栏图像未加载答案

【问题标题】：Navigation bar image is not loading导航栏图像未加载
【发布时间】：2021-09-14 22:06:15
【问题描述】：

我正在尝试将徽标添加到我的导航栏，但图像未加载。代码如下，

<body>

  <nav class="navbar navbar-expand-lg navbar-dark bg-dark">
    <div class="container-fluid">
      <a class="navbar-brand" href="/"><img src="PVPLogo.PNG" width="40" height="40" class="d-inline-block align-top"></a> 
      <a class="navbar-brand" href="/"><h2>Electronic shop</h2></a>
      <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="true" aria-label="Toggle navigation">
        <span class="navbar-toggler-icon"></span>
      </button> </div> </nav>

我在 App > Images 文件夹 > PVLogo.PNG 中添加了我的图片

我只能看到

【问题讨论】：

看看docs.djangoproject.com/en/3.2/howto/static-files
感谢@FelixEklöf 的成功。

标签： html django twitter-bootstrap

【解决方案1】：

您的图片应包含正确的地址，而不仅仅是文件名。为此，您必须告诉浏览器从哪里获取文件的地址。

例如，如果您从 index.html 获取文件，您的地址应该是“../images/PVPLogo.PNG”。这两个点告诉我们去上一个目录，然后我们去图像目录，最后我们获取我们的图像。这是一个相对路径。

您可以搜索不同类型的链接，它们各有优缺点。

【讨论】：