在django中使用 MEDIA_URL 和 MEDIA_ROOT

在django上傳圖片前端使用動態的配置方法

MEDIA_ROOT 代表着 要上傳的路徑會和你在models中寫的上傳的路徑進行拼節形成最終文件上傳的路徑 
MEDIA_URL 主要就是映射了 在前端使用media_url 當你的media_root 發生改變的時候不用去更改前端模板中的內容

前端模板中的寫法
後面是從數據庫中 查詢出來的 上傳文件的地址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 中添加一個上下文環境 'django.core.context_processors.media', 這個會
自動的把MEDIA_URL 註冊到前端的模板中的 沒有這個上下文環境 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
首先需要導入下面的庫 和在settings 中配置的 MEDIA_ROOT上傳路徑

from django.views.static import serve
from MxOnline.settings import MEDIA_ROOT

配置url  固定的 裏面的內容不能改的

url(r'media/(?P<path>.*)$', serve, {'document_root': MEDIA_ROOT}),



發佈了54 篇原創文章 · 獲贊 7 · 訪問量 3萬+
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章