django 5、解决django关于图片无法显示的问题

先聊聊吧,作为一名程序猿,最近在一个人在帮企业写网站,用的架构呢,是:mongodb + python + django + html。之前搞网页,图片,css文件,js文件的路径是直接相对于***.html文件的,没想到等到真正要部署到 django的服务器上,所有的图片全部无法显示。css文件和js文件同样没有效果。

搞了两三天,终于解决了这个问题。

程序猿容易吗?不容易,总是被各种小问题被捆住了手脚,而没有把真正的精力用在:算法,并发,大数据 处理,内存优化这些问题上,总是被大多数人经历的小问题再次重复经历,这是一条老路。

我的想法就是:通过几分钟告诉你问题的原因和解决方法,让一个可能在你身上需要几天解决的问题,几分钟解决,把精力花在一个程序猿应该花的身上。如果觉得好,不妨不要吝啬您的一两句评论。

只有程序猿才能理解程序猿是多么的。。。

 

原因:django部署方式比较特别,采用静态文件路径:STATICFILES_DIRS的部署方式,之前你写的相对路径,绝对路径因为缺少静态文件路径而全部失效

解决方法:

步骤1:在settings.py文件的最后加上以下内容:

STATIC_URL = '/static/'
STATIC_ROOT = os.path.join(os.path.dirname(__file__),'static')
# 设置图片等静态文件的路径
STATICFILES_DIRS = (
    ('css',os.path.join(STATIC_ROOT,'css').replace('\\','/') ),
    ('js',os.path.join(STATIC_ROOT,'js').replace('\\','/') ),
    ('images',os.path.join(STATIC_ROOT,'images').replace('\\','/') ),
    ('upload',os.path.join(STATIC_ROOT,'upload').replace('\\','/') ),
)

步骤2:在urls.py文件的开头第一行和第二行分别加上以下内容:

from django.contrib.staticfiles.urls import staticfiles_urlpatterns

from django.contrib import staticfiles

 在urls.py文件最后加上以下内容:

#设置静态文件路径
urlpatterns += staticfiles_urlpatterns()

 

步骤3:设置静态文件的目录,很关键

整个文件的目录结构如下

project---project

    ---app

                 |

 ----static

|

-----templates

你的static和templates处于同级目录,然后将你的images,css,js文件夹放在static目录下面

测试:在你模板,也就是html文件中

<p><img src="/static/images/bg_information.png.png"  width="980" height="180"></p>  

改成自己的图片名称,注意图片前缀:/static/images/ 别写成 static/images/ 这样会无法显示

 

大功告成,嗨起来。

 

 

展开阅读全文

没有更多推荐了,返回首页