解决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实现监控linux性能及进程消耗性能的方法
Jul 25 Python
python3批量删除豆瓣分组下的好友的实现代码
Jun 07 Python
Python运算符重载详解及实例代码
Mar 07 Python
Python实现的文本编辑器功能示例
Jun 30 Python
利用Python暴力破解zip文件口令的方法详解
Dec 21 Python
在NumPy中创建空数组/矩阵的方法
Jun 15 Python
python 抓包保存为pcap文件并解析的实例
Jul 23 Python
Django Rest framework三种分页方式详解
Jul 26 Python
自定义实现 PyQt5 下拉复选框 ComboCheckBox的完整代码
Mar 30 Python
python如何建立全零数组
Jul 19 Python
Pycharm的Available Packages为空的解决方法
Sep 18 Python
python自然语言处理之字典树知识总结
Apr 25 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获取网卡地址的代码
2008/04/09 PHP
在smarty模板中使用PHP函数的方法
2011/04/23 PHP
php计算两个日期时间差(返回年、月、日)
2014/06/19 PHP
PHP数组相关函数汇总
2015/03/24 PHP
PHP模拟asp.net的StringBuilder类实现方法
2015/08/08 PHP
CLASS_CONFUSION JS混淆 全源码
2007/12/12 Javascript
从jQuery.camelCase()学习string.replace() 函数学习
2011/09/13 Javascript
用jquery等比例控制图片宽高的具体实现
2014/01/28 Javascript
JavaScript按值删除数组元素的方法
2015/04/24 Javascript
JavaScript实现跨浏览器的添加及删除事件绑定函数实例
2015/08/04 Javascript
jQuery Mobile中的button按钮组件基础使用教程
2016/05/23 Javascript
webpack+vue.js实现组件化详解
2016/10/12 Javascript
JavaScript基础之AJAX简单的小demo
2017/01/29 Javascript
jQuery实现移动端Tab选项卡效果
2017/03/15 Javascript
页面间固定参数,通过cookie传值的实现方法
2017/05/31 Javascript
移动前端图片压缩上传的实例
2017/12/06 Javascript
vue配置请求本地json数据的方法
2018/04/11 Javascript
详解小程序输入框闪烁及重影BUG解决方案
2018/08/31 Javascript
说说如何使用Vuex进行状态管理(小结)
2019/04/14 Javascript
解决layui中onchange失效以及form动态渲染失效的问题
2019/09/27 Javascript
js重写alert事件(避免alert弹框标题出现网址)
2020/12/04 Javascript
基于DataFrame改变列类型的方法
2018/07/25 Python
Python字符串对象实现原理详解
2019/07/01 Python
python爬虫分布式获取数据的实例方法
2020/11/26 Python
python中子类与父类的关系基础知识点
2021/02/02 Python
pycharm 实现光标快速移动到括号外或行尾的操作
2021/02/05 Python
python利用文件时间批量重命名照片和视频
2021/02/09 Python
英国设计师珠宝网站:Joshua James Jewellery
2020/03/01 全球购物
人事档案接收函
2014/01/12 职场文书
新闻编辑自荐书范文
2014/02/12 职场文书
恶搞卫生巾广告词
2014/03/18 职场文书
个人函授自我鉴定
2014/03/25 职场文书
学生安全承诺书
2014/05/22 职场文书
党委书记群众路线对照检查材料思想汇报
2014/10/04 职场文书
学校党风廉政建设调研报告
2015/01/01 职场文书
2016秋季运动会开幕词
2016/03/04 职场文书