解决django的template中如果无法引用MEDIA_URL问题

作者:天马行空波 时间:2023-06-12 15:09:07 

配置如下

TEMPLATES = [

下面

'context_processors': [

中添加

'django.core.context_processors.media',

会把MEDIA_URL 配置在template中

这样在template下面 就可以引用MEDIA_URL了

补充知识:在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}),

来源:https://blog.csdn.net/jiangbo721/article/details/78515496

标签:django,template,MEDIA,URL
0
投稿

猜你喜欢

  • Javascript简单实现面向对象编程继承实例代码

    2024-04-19 09:50:42
  • python实现在IDLE中输入多行的方法

    2023-05-06 19:24:01
  • vue之计算属性的缓存computed的用法解读

    2024-05-11 09:14:05
  • javascript面向对象技术基础(三)

    2010-02-07 13:11:00
  • JavaScript性能优化--创建文档碎片

    2009-12-04 12:41:00
  • 使用Python实现将list中的每一项的首字母大写

    2023-01-07 15:05:04
  • 关于Pyinstaller闪退的补救措施

    2021-04-22 06:27:08
  • Python matplotlib seaborn绘图教程详解

    2021-03-12 03:23:07
  • 详解如何用Python写个听小说的爬虫

    2021-09-04 09:56:09
  • Python设计模式结构型享元模式

    2023-12-19 13:57:40
  • 详解微信小程序中的页面代码中的模板的封装

    2024-04-29 13:40:35
  • Linux下修改MySQL编码的方法

    2024-01-27 02:36:15
  • python 网络编程详解及简单实例

    2021-09-02 06:40:56
  • 带你轻松接触MySQL数据库的出错代码列表

    2008-12-31 15:06:00
  • Python编写条件分支代码方法

    2021-08-16 12:31:17
  • .Net Core微服务网关Ocelot基础介绍及集成

    2024-05-11 09:26:10
  • 使用python实现抓取中国银行外汇牌价首页数据实现

    2021-11-28 02:05:49
  • prototype.js1.4版开发者手册

    2007-09-30 14:09:00
  • Golang实现断点续传功能

    2023-07-24 08:19:26
  • 关于js遍历表格的实例

    2024-04-18 09:29:21
  • asp之家 网络编程 m.aspxhome.com