为了账号安全,请及时绑定邮箱和手机立即绑定

无法使用 Django 显示静态文件夹中的图像

无法使用 Django 显示静态文件夹中的图像

ABOUTYOU 2022-08-25 15:35:32
这是我的家.html我无法在静态/图像/文件夹中显示图像。虽然 *[09/Mar/2020 15:52:09] “GET /static/images/mona.jpg HTTP/1.1” 404 1669 * 显示在终端中。<head>    <meta charset="UTF-8" />    <meta name="viewport" content="width=device-width, initial-scale=1.0" />    {% block content %}    {% load static %}    <title>Home</title>    <link rel="stylesheet" href={% static '/css/style.css' %} />    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css"        integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous" />    <script src="https://code.jquery.com/jquery-3.2.1.slim.min.js"        integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN"        crossorigin="anonymous"></script>    <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js"        integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q"        crossorigin="anonymous"></script>    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js"        integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl"        crossorigin="anonymous"></script></head><body>    {% include "includes/header.html" %}    <div class="pt-5">        <div class="card d-inline-block">            <img src={% static 'images/mona.jpeg' %} alt="Avatar" style="width:100%;">            <div class="container">                <h4><b>Mona Lisa</b></h4>                <p><a href="#">Architect & Engineer</a></p>            </div>        </div>        <div class="card d-inline-block">            <img src={% static "images/mona.jpg" %} alt="Avatar" style="width:100%">            <div class="container">                <h4><b>The Scream</b></h4>                <p><a href="#">Architect & Engineer</a></p>            </div>        </div>    </div>    {% include "includes/footer.html" %}    {% endblock content %}</body>
查看完整描述

3 回答

?
波斯汪

TA贡献1811条经验 获得超4个赞

在源周围添加引号,如下所示

{% load static %}

<img src="{% static 'images/mona.jpeg' %}" alt="Avatar" style="width:100%;">


查看完整回答
反对 回复 2022-08-25
?
动漫人物

TA贡献1815条经验 获得超10个赞

在生产中,静态文件由Web服务器(apache,nginx)提供


在开发中,如果您使用的是django.contrib.staticfiles并且DEBUG设置为True,则会自动提供app_name/static/app_name中的文件。


如果文件由用户在 Web 应用中上传,则需要编辑基本 urls.py 文件,如下所示


from django.conf.urls.static import static


urlpatterns = [

    # ... the rest of your URLconf goes here ...

] + static(settings.STATIC_URL, document_root=settings.STATIC_ROOT)


For more info on this see  https://docs.djangoproject.com/en/3.0/howto/static-files/


查看完整回答
反对 回复 2022-08-25
?
呼如林

TA贡献1798条经验 获得超3个赞

对不起,伙计们,这是一个拼写错误。太笨了...


在 settings.py


STATICFILES_DIRS = [

 os.path.join(BASE_DIR, 'the7thstreet/static'),

 '/var/www/static',

 ]

纠正


STATICFILES_DIRS = [

 os.path.join(BASE_DIR, 'static'),

 '/var/www/static',

 ]

//img1.sycdn.imooc.com//6307269900019c0b19191028.jpg

查看完整回答
反对 回复 2022-08-25
  • 3 回答
  • 0 关注
  • 103 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信