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

http://python.usyiyi.cn/django/index.html

http://m.blog.csdn.net/blog/qingyuanluofeng/44877399

http://www.idjango.com/content/15/

[原]手把手教你：解决django关于图片无法显示的问题

2015-4-4阅读177 评论1

先聊聊吧，作为一名程序猿，最近在一个人在帮企业写网站，用的架构呢，是: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/ 这样会无法显示

 

大功告成，嗨起来。