解決django的template中如果無法引用MEDIA_URL問題
配置如下
TEMPLATES = [
下面
’context_processors’: [
中添加
’django.core.context_processors.media’,
會把MEDIA_URL 配置在template中
這樣在template下面 就可以引用MEDIA_URL了
補(bǔ)充知識:在django中使用 MEDIA_URL 和 MEDIA_ROOT
在django上傳圖片前端使用動態(tài)的配置方法
MEDIA_ROOT 代表著 要上傳的路徑會和你在models中寫的上傳的路徑進(jìn)行拼節(jié)形成最終文件上傳的路徑
MEDIA_URL主要就是映射了 在前端使用media_url當(dāng)你的media_root發(fā)生改變的時(shí)候不用去更改前端模板中的內(nèi)容
前端模板中的寫法
后面是從數(shù)據(jù)庫中 查詢出來的 上傳文件的地址url
'{{ MEDIA_URL }}{{ course_org.image }}'
前端生成的路徑
'/media/org/2017/07/qhdx-logo.png'/
要想正常的顯示圖片 還需要下面幾步:
1 在settings 中配置路徑
MEDIA_URL = ’/media/’MEDIA_ROOT = os.path.join(BASE_DIR, ’media’)
2 在TEMPLATES 中添加一個(gè)上下文環(huán)境 ’django.core.context_processors.media’, 這個(gè)會
自動的把MEDIA_URL 注冊到前端的模板中的 沒有這個(gè)上下文環(huán)境 MEDIA_URL在前端是沒有顯示的
TEMPLATES = [ { ’BACKEND’: ’django.template.backends.django.DjangoTemplates’, ’DIRS’: [os.path.join(BASE_DIR, ’templates’)] , ’APP_DIRS’: True, ’OPTIONS’: { ’context_processors’: [’django.template.context_processors.debug’,’django.template.context_processors.request’,’django.contrib.auth.context_processors.auth’,’django.contrib.messages.context_processors.messages’,’django.core.context_processors.media’, ], }, },
3 在url中配置media請求的url
首先需要導(dǎo)入下面的庫 和在settings 中配置的 MEDIA_ROOT上傳路徑
from django.views.static import servefrom MxOnline.settings import MEDIA_ROOT
配置url 固定的 里面的內(nèi)容不能改的
url(r’media/(?P<path>.*)$’, serve, {’document_root’: MEDIA_ROOT}),
以上這篇解決django的template中如果無法引用MEDIA_URL問題就是小編分享給大家的全部內(nèi)容了,希望能給大家一個(gè)參考,也希望大家多多支持好吧啦網(wǎng)。
相關(guān)文章:
1. html中的form不提交(排除)某些input 原創(chuàng)2. 淺談CSS不規(guī)則邊框的生成方案3. ASP中解決“對象關(guān)閉時(shí),不允許操作。”的詭異問題……4. asp在iis7報(bào)錯(cuò)行號不準(zhǔn)問題的解決方法5. jsp實(shí)現(xiàn)簡單用戶7天內(nèi)免登錄6. 詳解盒子端CSS動畫性能提升7. 5個(gè)HTML5的常用本地存儲方式詳解與介紹8. CSS可以做的幾個(gè)令你嘆為觀止的實(shí)例分享9. 基于javaweb+jsp實(shí)現(xiàn)學(xué)生宿舍管理系統(tǒng)10. CSS百分比padding制作圖片自適應(yīng)布局
