学以致用三十四-----python2.0加载图片

想用做一个静态图片为背景的页面。结果遇到了一些阻碍。其主要原因还是路径没有找对。网上也参考了不少方法，也许是因为版本不同，处理的方法也不同，因此按照网上的处理方式，也没有得到解决。

为此困惑了一天。结果在下班回到家后，改了些配置。竟然就能正常打开了。

首先声明下版本。python ：3.6.2

django：2.1

配置里：在settings.py里，添加STATICFILES_DIRS

1 STATIC_URL = '/static/'
2
3 STATICFILES_DIRS = (
4     os.path.join(BASE_DIR,"static"),
5 )

在前端界面，最前面加上

{% load staticfiles %}

<img src="{% static "images/back2.jpg" %}" style="height: 100%;width: 100%"/>

 1 {% load staticfiles %}
 2 <!DOCTYPE html>
 3 <html lang="en">
 4 <head>
 5     <meta charset="UTF-8">
 6     <title>Title</title>
 7
 8 </head>
 9 <body>
10     <div class="backdrop">
11         <img src="{% static "images/back2.jpg" %}" style="height: 100%;width: 100%"/>
12     </div>
13 </body>
14 </html

组织架构

实际效果

后续将一步一步继续，在背景图片上，做一个登陆验证的登录框。

====================================================================================

贴上在另一台电脑上出错的截图

已经get到图片了，但还是提示404

再次检查配置发现是settings.py里 STATICFILES_DIR这里出错了

这里写错了。。应该是STATICFILES_DIRS

重要的事情说三遍，少一个字母都不行。这里还有其他设置的，后续遇到补上。

加了S后就正常了。

转载于:https://www.cnblogs.com/liongong/p/9932586.html

学以致用三十四-----python2.0加载图片相关推荐

Android开发笔记（六十四）网页加载与JS调用
内置浏览器网页视图WebView 如果一个网站已经有现成的网页及业务逻辑,那么使用WebView将其内嵌到app中,省去了app重画页面与http通信的事情,无疑是更经济的做法.WebView就是A ...
列表异步线程加载图片
手机客户端以列表形式展示数据是非常常见的一种方式.然而列表中要显示图片(比如:头像)就要采用异步线程加载的方式,这样做是为了防止加载图片数据的时候,花费时间过长,阻塞UI线程,从而达到保持App的流畅 ...
【正点原子FPGA连载】第三十四章双目OV5640摄像头RGB-LCD显示实验摘自【正点原子】DFZU2EG/4EV MPSoC 之FPGA开发指南V1.0
1)实验平台:正点原子MPSoC开发板 2)平台购买地址:https://detail.tmall.com/item.htm?id=692450874670 3)全套实验源码+手册+视频下载地址: h ...
Android简易实战教程--第三十二话《使用Lrucache和NetworkImageView加载图片》
转载本专栏每一篇博客请注明转载出处地址,尊重原创.此博客转载链接地址:小杨的博客 http://blog.csdn.net/qq_32059827/article/details/5279131 ...
[Python人工智能] 三十四.Bert模型 (3)keras-bert库构建Bert模型实现微博情感分析
从本专栏开始,作者正式研究Python深度学习.神经网络及人工智能相关知识.前一篇文章开启了新的内容--Bert,首先介绍Keras-bert库安装及基础用法及文本分类工作.这篇文章将通过keras- ...
FreeSql （三十四）CodeFirst 迁移说明
FreeSql 支持 CodeFirst 迁移结构至数据库,这应该是(O/RM)必须标配的一个功能. 与其他(O/RM)不同FreeSql支持更多的数据库特性,而不只是支持基础的数据类型,这既是优点也 ...
FreeSql （二十五）延时加载
FreeSql 支持导航属性延时加载,即当我们需要用到的时候才进行加载(读取),支持1对1.多对1.1对多.多对多关系的导航属性. 当我们希望浏览某条订单信息的时候,才显示其对应的订单详细记录时,我们 ...
【Visual C++】游戏开发笔记三十四浅墨DirectX提高班之三起承转合的艺术：Direct3D渲染五步曲...
本系列文章由zhmxy555(毛星云)编写,转载请注明出处. 文章链接: http://blog.csdn.net/zhmxy555/article/details/8223965 作者:毛星云(浅墨 ...
Android中SlidingDrawer介绍【安卓进化三十四】
Android中SlidingDrawer介绍[安卓进化三十四] 安卓中1.5后加入了SlidingDrawer[隐藏式抽屉],设计原理在你的UI布局有限的情况下,放不下太多的控件的时候,可以考虑用这 ...

学以致用三十四-----python2.0加载图片

学以致用三十四-----python2.0加载图片相关推荐

最新文章

热门文章