python - 即使路径正确,图像也会损坏 HTML
问题描述
所以在我的导航栏中,我尝试添加一个图标。然而,即使给出了正确的路径(用 fuji.png 显示),图像也会给出 404(未找到)。
检查元素中的错误消息是:
获取http://127.0.0.1:8000/icons/fuji.png 404(未找到)
这是否意味着它寻找 URL 路径而不是相对路径?
导航栏.html
<div class="topnav">
<nav>
<div class="logo-image">
<img src="/icons/fuji.png" alt="Mt. Fuji"/>
</div>
{% with url_name=request.resolver_match.url_name %}
<a class="{% if url_name == 'index' %}wob{% endif %}" href="{% url 'polls:index' %}">Homepage</a>
<a class="{% if url_name == 'create' %}wob{% endif %}" href="{% url 'polls:create' %}">Create a Poll</a>
{% endwith %}
</nav>
</div>
*顺便说一句:: 我对 /icons/fuji.pg 和 icons/fuji.png 得到了相同的响应。
这是我的目录(不是所有的,只显示必要的):
有谁知道为什么会发生这种情况以及如何解决这个问题?图像甚至没有加载——它只是一个损坏的图像文件。
解决方案
STATIC_URL = '/static/'
在尝试加载静态文件之前,您需要在设置(如 )中为静态文件设置一个文件夹。然后,您可以icon
在那里创建文件夹并使用链接访问那里的图像。完整指南在这里。
推荐阅读
- python - 如何检查网址来自哪里?在views.py [Django]
- javascript - 未执行标签 onclick 功能
- vim - Vimgrep:如何使用 find 命令创建 arglist?
- python - 使用 Selenium Python 的新选项卡
- flutter - Flutter中如何设计这种类型的句子?
- visual-studio - 如果 MSVS 局部变量窗口展开“this->base”视图,变量将状态更改为相反
- uwp - 当 MediaTransportContols.IsCompact 为 True 时,UWP MediaPlayerElement 奇怪的播放按钮外观
- neo4j - 我在将批量数据从 CSV 文件导入 neo4j 桌面时遇到问题。我将内存堆增加到 8G 但无法导入数据
- xaml - 为 Uno 平台嵌入图像到 Wasm
- typescript - 获取泛型对象中已知属性的类型