解決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/ 這樣會沒法顯示

 

大功告成，嗨起來。