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


Posted in Python onApril 07, 2020

配置如下

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}),

以上这篇解决django的template中如果无法引用MEDIA_URL问题就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Python 相关文章推荐
python基础教程之分支、循环简单用法
Jun 16 Python
详解Python各大聊天系统的屏蔽脏话功能原理
Dec 01 Python
Python使用asyncio包处理并发详解
Sep 09 Python
使用Eclipse如何开发python脚本
Apr 11 Python
PyQt5每天必学之组合框
Apr 20 Python
将python代码和注释分离的方法
Apr 21 Python
python之super的使用小结
Aug 13 Python
Python Matplotlib实现三维数据的散点图绘制
Mar 19 Python
numpy中三维数组中加入元素后的位置详解
Nov 28 Python
使用Tensorflow将自己的数据分割成batch训练实例
Jan 20 Python
用什么库写 Python 命令行程序(示例代码详解)
Feb 20 Python
Python Unittest原理及基本使用方法
Nov 06 Python
Django {{ MEDIA_URL }}无法显示图片的解决方式
Apr 07 #Python
Python Opencv中用compareHist函数进行直方图比较对比图片
Apr 07 #Python
python opencv实现图片缺陷检测(讲解直方图以及相关系数对比法)
Apr 07 #Python
解决django无法访问本地static文件(js,css,img)网页里js,cs都加载不了
Apr 07 #Python
Pytest框架之fixture的详细使用教程
Apr 07 #Python
4行Python代码生成图像验证码(2种)
Apr 07 #Python
Django media static外部访问Django中的图片设置教程
Apr 07 #Python
You might like
PHP5.0正式发布 不完全兼容PHP4 新增多项功能
2006/10/09 PHP
Base64在线编码解码实现代码 演示与下载
2011/01/08 PHP
简单的php中文转拼音的实现代码
2014/02/11 PHP
CI框架开发新浪微博登录接口源码完整版
2014/05/28 PHP
php第一次无法获取cookie问题处理
2014/12/15 PHP
如何实现php图片等比例缩放
2015/07/28 PHP
php 二维数组时间排序实现代码
2016/11/19 PHP
php伪静态验证码不显示的解决方案
2019/09/26 PHP
简单的Jquery全选功能
2013/11/07 Javascript
DOM基础教程之使用DOM + Css
2015/01/20 Javascript
jQuery事件绑定与解除绑定实现方法
2015/04/15 Javascript
JS模拟键盘打字效果的方法
2015/08/05 Javascript
js实现页面跳转的五种方法推荐
2016/03/10 Javascript
js仿淘宝和百度文库的评分功能
2016/05/15 Javascript
从零学习node.js之mysql数据库的操作(五)
2017/02/24 Javascript
antd Upload 文件上传的示例代码
2018/12/14 Javascript
浅谈webpack性能榨汁机(打包速度优化)
2019/01/09 Javascript
Python的__builtin__模块中的一些要点知识
2015/05/02 Python
Python实现快速排序和插入排序算法及自定义排序的示例
2016/02/16 Python
图文讲解选择排序算法的原理及在Python中的实现
2016/05/04 Python
tensorflow 加载部分变量的实例讲解
2018/07/27 Python
python中必要的名词解释
2019/11/20 Python
python实现可下载音乐的音乐播放器
2020/02/25 Python
Python 实现自动登录+点击+滑动验证功能
2020/06/10 Python
python工具——Mimesis的简单使用教程
2021/01/16 Python
Foot Locker英国官网:美国知名运动产品零售商
2019/02/21 全球购物
廉价连衣裙和婚纱礼服在线销售:Tbdress
2019/02/28 全球购物
C#里面如何倒序排列一个数组的元素?
2013/06/21 面试题
优秀大学生的自我评价
2014/01/16 职场文书
简历的自我评价
2014/02/03 职场文书
顶撞老师检讨书
2014/02/07 职场文书
超市国庆节促销方案
2014/02/20 职场文书
学习十八大演讲稿
2014/09/15 职场文书
董事长秘书工作总结
2015/08/14 职场文书
Apache Hudi数据布局黑科技降低一半查询时间
2022/03/31 Servers
Oracle锁表解决方法的详细记录
2022/06/05 Oracle