Django设置html背景图片失败，出现“GET /images/2.png HTTP/1.1“ 404 2552

最新推荐文章于 2023-04-02 19:20:58 发布

大城市的小人物

最新推荐文章于 2023-04-02 19:20:58 发布

阅读量3.7k

点赞数 4

分类专栏： Django 文章标签： python django pycharm

本文链接：https://blog.csdn.net/Ben_zhangxw/article/details/121583520

版权

Django 专栏收录该内容

7 篇文章 1 订阅

订阅专栏

1、templates同级目录下创建文件夹static/images，将背景图放入images文件夹
在这里插入图片描述

2、打开settings.py
在这里插入图片描述
3、设置settings静态路径
在settings文件最下面添加以下代码：
可以直接复制以下代码

STATIC_URL = '/static/'
STATICFILES_DIRS=[
    os.path.join(BASE_DIR,'static')
]

4、在html文档的开始位置加上
{% load static %} 来加载静态文件，不然浏览器会报错
在这里插入图片描述
5、此时，我们就可以在标签中通过url添加背景图片：
可以直接复制以下代码

<body style="background-image: url({% static 'images/1.jpg' %});
        background-size:100% 200%;background-repeat:no-repeat;">

需要注意一下url的格式，使用的是相对路径，no-repeat表示图片不重复。

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

大城市的小人物

关注关注

4
点赞
踩
11

收藏

觉得还不错? 一键收藏
打赏
2
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

专栏目录

快速入门Django （网页加载图片）

qq1376725255的专栏

04-11

702

网上找了很多加载图片的方法，有bug，终于最后调试成功啦首先创建一个和templates同级的文件夹static，并static下创建images文件夹，并在images文件夹中存放照片，如bk.jpg 如下： ├─static │ │ bk.jpg │ │ │ ├─css │ │ bk.jpg │ │ style.css │ │ │ └─images │...

Django之设置背景图片

江西师范大学-20届-吴悠

06-07

2909

设置setting文件 template即为真实的static文件夹 STATIC_URL = '/static/' STATICFILES_DIRS = [ os.path.join(BASE_DIR, 'templates').replace('\\','/'), ] 加载static文件夹在html文件中加上load staticfiles，写在最外面 {% load stat...

2 条评论您还未登录，请先登录后发表或查看评论

Django 添加背景图片

热门推荐

qq_36453146的博客

09-28

1万+

Django 添加背景图片

Django添加背景图片

spiderfu的博客

07-15

3507

Django添加背景图片 style="background-image: url(../static/images/jpg.jpg)" 注意参数，backgroud弃用了，输入back会提示的路径没有引号，注意 ./是上级目录 …/是上上级目录找到你的图片位置，找对了，系统会提示。背景虚化在网上查到的背景虚化都是背景和文字都虚化了，如果大家有方法欢迎评论。我是先把图片用ps虚化再插入到网页背景，如果没有办法可以参考一下 ...

Django2.1,更改替换首页背景和字体颜色失败。

weixin_42296890的博客

12-14

1480

清除网页缓存，清除网页缓存，清除网页缓存！重启django虚拟服务器：python manage.py runserver 然后F5刷新

django Get css，js文件返回304无法正常加载的问题

dyh4201的博客

07-18

3922

pycharm现象： [18/Jul/2017 23:27:26] "GET /static/201408210521231921042235.png HTTP/1.1" 304 0 [18/Jul/2017 23:27:26] "GET /static/20140821110101152399045.png HTTP/1.1" 304 0 [18/Jul/2017 23:27:26] "G

筛查以jpg结尾的图片python_关于image：正则表达式，用于检查以.jpg，.png或.gif结尾的有效网址...

weixin_42510783的博客

12-23

2258

我希望用户提交一个有效的网址，但也是一个图片，以.jpg，.png或.gif结尾。那么"jpeg"呢？那么"somescript.php？image_id = 12345"怎么样？stackoverflow.com/a/12470263/2534236(?:([^:/?#]+):)?(?://([^/?#]*))?([^?#]*\.(?:jpg|gif|png))(?:\?([^#]*))?(?:...

Python_Django项目学习

weixin_41560737的博客

10-16

897

1.安装python3 yum -y install python3 使用python虚拟环境 python3 -m venv /opt/lzkj source /opt/lzkj/bin/activate //进入python虚拟环境 deactivate //退出虚拟环境 2.安装django source /opt/lzkj/bin/activate pip install Django 安装包插件包 pip install pycparser pip install asn

django 显示静态文件的几种方式

荣耀之路

08-13

2199

这个问题还整了半天,问了兄弟波仔，终于解决！先看效果！代码如下： [root@localhost templates]# more base.html {% load staticfiles %} {% block title %}{% endblock %} #body{color:#efd;background:#000000;padding:0 5e

Golang优秀开源项目汇总, 10大流行Go语言开源项目, golang 开源项目全集(golang/go/wiki/Projects), GitHub上优秀的Go开源项目...

weixin_34245082的博客

05-08

6132

Golang优秀开源项目汇总（持续更新。。。）我把这个汇总放在github上了，后面更新也会在github上更新。 https://github.com/hackstoic/golang-open-source-projects 。欢迎fork， star ， watch，提issue。资料参考来源：http://studygolang.com/projects 监控...

django GET /favicon.ico HTTP/1.1" 404 2247

lcanlup的博客

09-10

8267

报错： Not Found: /favicon.ico [10/Sep/2018 09:20:05] "GET /favicon.ico HTTP/1.1" 404 2247 创建app/static 添加图片:favicon.ico urls.py文件下： import os from django.views.generic.base import Redirec...

python之django的html插入背景图片

Caiabcd的博客

03-23

4387

使用django框架对html引入背景图片时，图片无法显示，是因为django框架需要对图片设置为静态第一步：在django的setting文件中设置如下图（此路径设置的static是和django同一等级）第二步：在需要插入html的文件中的head中写入一下代码 {% load static %} 第三步：引用对应路径的图片 url({% static 'img/1.jpg' %}) //代表的是静态文件夹(static)下的img文件夹中的1.jpg文件 ...

[css]全屏背景图片设置,django加载图片路径

weixin_30644369的博客

06-01

392

<head><style type="text/css"> #bg { position:fixed; top:0; left:0; width:100%; height:100%; } #bg img { po...

django html 插入网页背景图片

jidushanzhu的博客

11-20

5503

1、setting中设置静态文件夹 STATIC_URL = '/static/' STATICFILES_DIRS=[os.path.join(BASE_DIR,'login_register/static')] 2、html网页load文件夹，并设置body格式 <head> <meta charset="UTF-8"> {% load static %} <style type="text/css"> body{ backgroun

django之设置背景图片 CSS 拉伸平铺

xxx_gt的博客

03-28

9706

django2.0 背景图片存在static文件夹中1、设置setting.py文件夹。STATIC_URL = '/static/' STATICFILES_DIRS = [ os.path.join(BASE_DIR, 'static'), ]2、在html文件中，加载static文件夹，加入第一行就好了。{% load staticfiles %} <!DOCTYPE ht...

Django中为html页面插入背景图片的问题

伯纳乌的博客

07-26

1万+

最近在学习django架构，遇到了图片无法插入页面的问题，后来查阅了官方文档得知我们需要把图片放入一个静态文件static中，这个文件我们可以手动创建,与templates在同级目录下（app目录下）：然后，我们需要在settings.py中配置一下静态路径： STATIC_URL='/static' STATICFILES_DIRS=[ os.path.join(BASE_DIR,'...

Django之--模板加载图片

weixin_30642305的博客

05-24

631

在使用Django加载图片时遇到了一些问题，在模板html文件中无论使用绝对路径还是当前相对路径都无法找到图片，一直报403和404的错误，后来结合官网和网上的其他资料总算是成功了，这里记下来。参考网址： https://docs.djangoproject.com/en/2.0/howto/static-files/ Django将图片，JS，CSS等文件称作静态文件，如果你要在模板中引...

在pycharm中导入图片文件，发现如下错误

qq_53794202的博客

04-02

711

我这个是因为pycharm把"\"误认为是转义符，解决办法：在路径前面加r。或者用//代替。

Djando如何加载图片，css,js,founts等

洪源的博客

12-12

1万+

目录想要Django加载图片需要做一下几件事： 1.setting.py添加代码如下 2.创建存放静态文件的目录static 3.在html中配置标签想要Django加载图片需要做一下几件事： 1.setting.py添加代码如下 STATIC_URL = '/static/' STATICFILES_DIRS = [ os.path.join(BASE_DIR...

如何解决django开发中出现"GET /favicon.ico HTTP/1.1" 404 3957