2013-04-15 65 views
0

我想在我的html頁面中顯示圖像。我試圖在模板中顯示圖像,但沒有顯示。我給代碼給下面檢查它是否正確,並給出一些想法。Django顯示圖像並使用外部CSS和Javascript

userreg(project name) 
|-- media 
|-- images 
| |-- linkedin.png 
| 
|-- registration(APP) 
| |--TEMPLATES 
| 
|--URLS.PY 
|--SETTINGS.PY 


SETTINGS.PY 

CURRENT_DIR = os.path.dirname(os.path.abspath(__file__)) 
STATIC_ROOT = os.path.join(CURRENT_DIR, 'static') 
STATIC_URL = '/var/www/userreg/static/' 

TEMPLATES 

<img src="{{ MEDIA_URL }}images/linkedin.png" /> 

檢查其是否正確並清除以上代碼中的錯誤。舉個例子,在html模板中添加外部css和javascript

回答

0

MEDIA_URL應該用於提供用戶上傳的內容和用於提供靜態文件,STATIC_URL可以使用。試試下面的設置

STATICFILES_DIRS = (
    os.path.join(CURRENT_DIR, 'media'), 
) 

STATIC_ROOT = 'static/' 

STATIC_URL = '/static/' 

且模板中

<img src="{{ STATIC_URL }}images/linkedin.png" /> 
<link type="text/css" href="{{ STATIC_URL }}css/style.css" /> 
<script type="text/javascript" src="{{ STATIC_URL }}js/jquery-1.8.3.min.js"></script> 
+0

我正在試圖用您的答案,但圖像不顯示 – user2251503

+0

ImproperlyConfigured:您STATICFILES_DIRS設置不是一個元組或列表;也許你忘了一個尾隨的逗號? – user2251503

+0

錯誤非常明顯。在'STATICFILES_DIRS'設置中添加一個逗號。 – arulmr