解决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 Django模板的使用方法(图文)
Nov 04 Python
Python实现命令行通讯录实例教程
Aug 18 Python
浅谈python jieba分词模块的基本用法
Nov 09 Python
python3.4 将16进制转成字符串的实例
Jun 12 Python
django将网络中的图片,保存成model中的ImageField的实例
Aug 07 Python
对python中的os.getpid()和os.fork()函数详解
Aug 08 Python
python飞机大战pygame游戏之敌机出场实现方法详解
Dec 17 Python
Python基于pip实现离线打包过程详解
May 15 Python
通过自学python能找到工作吗
Jun 21 Python
使用TensorBoard进行超参数优化的实现
Jul 06 Python
Python自动化操作实现图例绘制
Jul 09 Python
如何利用python创作字符画
Jun 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初学者头痛的十四个问题
2006/07/12 PHP
我的论坛源代码(十)
2006/10/09 PHP
source.php查看源文件
2006/12/09 PHP
IStream与TStream之间的相互转换
2008/08/01 PHP
Php header()函数语法及使用代码
2013/11/04 PHP
ThinkPHP的I方法使用详解
2014/06/18 PHP
PHP数组去重的更快实现方式分析
2018/05/09 PHP
Laravel 模型使用软删除-左连接查询-表起别名示例
2019/10/24 PHP
ThinkPHP6.0如何利用自定义验证规则规范的实现登陆
2020/12/16 PHP
Js 本页面传值实现代码
2009/05/17 Javascript
JS获取键盘上任意按键的值(实例代码)
2013/11/12 Javascript
文本框水印提示效果的简单实现代码
2014/02/22 Javascript
一个简单的jquery的多选下拉框(自写)
2014/05/05 Javascript
javascript通过元素id和name直接取得元素的方法
2015/04/28 Javascript
深入理解jquery跨域请求方法
2016/05/18 Javascript
Vim快速合并行及vim 将文件所有行合并到一行
2017/11/27 Javascript
微信小程序实现漂亮的弹窗效果
2020/05/26 Javascript
vue使用echarts图表的详细方法
2018/10/22 Javascript
webpack-mvc 传统多页面组件化开发详解
2019/05/07 Javascript
nodejs中使用archive压缩文件的实现代码
2019/11/26 NodeJs
JavaScript实现模态对话框实例
2020/01/13 Javascript
[09:34]2018DOTA2国际邀请赛寻真——永不放弃的iG
2018/08/14 DOTA
python中将一个全部为int的list 转化为str的list方法
2018/04/09 Python
python检测空间储存剩余大小和指定文件夹内存占用的实例
2018/06/11 Python
超简单的Python HTTP服务
2019/07/22 Python
Django实现列表页商品数据返回教程
2020/04/03 Python
Python获取android设备cpu和内存占用情况
2020/11/15 Python
英国发展最快的在线超市之一:Click Marketplace
2021/02/15 全球购物
工业设计毕业生自荐信
2014/04/13 职场文书
培训协议书范本
2014/04/22 职场文书
微笑服务标语
2014/06/24 职场文书
公司合作意向书范文
2014/07/30 职场文书
超市周年庆活动方案
2014/08/16 职场文书
乱丢垃圾袋检讨书
2014/10/08 职场文书
学校会议通知范文
2015/04/15 职场文书
2015年秘书个人工作总结
2015/04/25 职场文书