解决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每次处理固定个数的字符的方法总结
Jan 29 Python
python实现连接mongodb的方法
May 08 Python
python中enumerate函数用法实例分析
May 20 Python
[原创]使用豆瓣提供的国内pypi源
Jul 02 Python
Pyinstaller打包.py生成.exe的方法和报错总结
Apr 02 Python
django 消息框架 message使用详解
Jul 22 Python
python 字典 setdefault()和get()方法比较详解
Aug 07 Python
关于Keras模型可视化教程及关键问题的解决
Jan 24 Python
在tensorflow中实现屏蔽输出的log信息
Feb 04 Python
python代码实现TSNE降维数据可视化教程
Feb 28 Python
Python 一键获取电脑浏览器的账号密码
May 11 Python
Python日志模块logging用法
Jun 05 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
PHP中IP地址与整型数字互相转换详解
2014/08/20 PHP
php获取url参数方法总结
2014/11/13 PHP
PHP微信H5支付开发实例
2018/07/25 PHP
jQuery EasyUI API 中文文档 - Draggable 可拖拽
2011/09/29 Javascript
禁止iframe页面的所有js脚本如alert及弹出窗口等
2014/09/03 Javascript
Javascript实现Web颜色值转换
2015/02/05 Javascript
javascript中replace( )方法的使用
2015/04/24 Javascript
javascript弹出窗口实现代码
2015/11/12 Javascript
jQuery简单实现上下,左右滑动的方法
2016/06/01 Javascript
详细讲解JavaScript中的this绑定
2016/10/10 Javascript
微信小程序 swiper组件轮播图详解及实例
2016/11/16 Javascript
JS jQuery使用正则表达式去空字符的简单实现代码
2017/05/20 jQuery
jQuery模拟爆炸倒计时功能实例代码
2017/08/21 jQuery
jQuery实现的响应鼠标移动方向插件用法示例【附源码下载】
2018/08/28 jQuery
微信小程序时间标签和时间范围的联动效果
2019/02/15 Javascript
JavaScript数据结构与算法之二叉树实现查找最小值、最大值、给定值算法示例
2019/03/01 Javascript
vue 导航内容设置选中状态样式的例子
2019/11/01 Javascript
JS面向对象编程实现的拖拽功能案例详解
2020/03/03 Javascript
跟老齐学Python之模块的加载
2014/10/24 Python
Python中字符串格式化str.format的详细介绍
2017/02/17 Python
python复制文件到指定目录的实例
2018/04/27 Python
OpenCV 模板匹配
2019/07/10 Python
Python+OpenCV实现旋转文本校正方式
2020/01/09 Python
html5模拟平抛运动(模拟小球平抛运动过程)
2013/07/25 HTML / CSS
通过canvas转换颜色为RGBA格式及性能问题的解决
2019/11/22 HTML / CSS
英国儿童家具专卖店:GLTC
2016/09/24 全球购物
德国家具购物网站:Möbel Höffner
2019/08/26 全球购物
专科应届生求职信
2013/11/24 职场文书
宿舍违规检讨书
2014/01/12 职场文书
酒店大堂副理的职责范文
2014/02/13 职场文书
2014年干部作风建设总结
2014/10/23 职场文书
仓库管理员岗位职责
2015/02/03 职场文书
地道战观后感500字
2015/06/04 职场文书
nginx location中多个if里面proxy_pass的方法
2021/03/31 Servers
redis实现排行榜功能
2021/05/24 Redis
使用vue判断当前环境是安卓还是IOS
2022/04/12 Vue.js