Django配置外部访问图片：Static与Media路径设置及MEDIA_URL为空解决

顾星河

发布时间：2026-10-13 | 6人浏览过

原创

本文详解Django中外部访问图片的两种配置方式：使用static目录或media目录。重点解决模板中{{ MEDIA_URL }}返回空值的问题，通过在settings.py的TEMPLATES配置中添加django.template.context_processors.media处理器来修复。包含完整的settings.py代码示例，确保静态与媒体资源正确对外暴露。

Django图片外部访问的两种配置策略

在Django项目中，若需允许外部直接访问图片资源，主要有两种路径配置策略：一是将图片存放于static目录，二是存放于media目录。

方案一：Static目录配置

第一种方案：

即利用static目录进行配置。


STATIC_URL = '/static/'
STATICFILES_DIRS=[
  os.path.join(BASE_DIR, "static")
]

完成项目运行后，

方案二：Media目录配置

第二种方案：

使用media目录来存储图片、音视频等非静态媒体文件。

解决MEDIA_URL在模板中为空的问题

补充知识：解决Django模板中{{ MEDIA_URL }}值为空的问题。

在HTML模板中：

<a href="#nowhere" rel="external nofollow" ><img width="100px" src="{{ MEDIA_URL }}{{ product.productImages.all.first.image }}"></a> {# img/productSingle_middle/676.jpg #}

此时发现{{ MEDIA_URL }}变量值为空。

解决方法：

需要在settings.py文件的TEMPLATES配置项中添加：

django.template.context_processors.media


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.template.context_processors.media',添加这行或者下面一行
        #'django.core.context_processors.media',python3会报错
      ],
    },
  },
]

以上关于Django media和static外部访问图片设置的教程内容，旨在为开发者提供参考，欢迎继续支持。