Django {{ MEDIA_URL }}无法显示图片的解决方式


Posted in Python onApril 07, 2020

django模板使用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',
        'BookStore.views.global_settings',
        'django.template.context_processors.media',
 
      ],
    },
  },
]

settting里添加上面颜色显示条,即可。

补充知识:django后台显示图片 而不是图片地址

修改admin代码

class Ad_CampaingAdmin(admin.ModelAdmin):
  list_display = ("content","preview")

  def preview(self,obj):

    return '<img src="/static/%s" height="64" width="64" />' %(obj.photo)

preview.allow_tags = True

preview.short_description = "图片"

这就ok了!

以上这篇Django {{ MEDIA_URL }}无法显示图片的解决方式就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Python 相关文章推荐
零基础写python爬虫之打包生成exe文件
Nov 06 Python
使用Python的Twisted框架实现一个简单的服务器
Apr 16 Python
python实现给微信公众号发送消息的方法
Jun 30 Python
python中获得当前目录和上级目录的实现方法
Oct 12 Python
Python基础教程之利用期物处理并发
Mar 29 Python
在pycharm中python切换解释器失败的解决方法
Oct 29 Python
PyQt5实现简易计算器
May 30 Python
python面向对象实现名片管理系统文件版
Apr 26 Python
pandas 中对特征进行硬编码和onehot编码的实现
Dec 20 Python
Python中BeautifulSoup通过查找Id获取元素信息
Dec 07 Python
python 自定义异常和主动抛出异常(raise)的操作
Dec 11 Python
Python办公自动化解决world文件批量转换
Sep 15 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
快速解决Django关闭Debug模式无法加载media图片与static静态文件
Apr 07 #Python
You might like
php中cookie的作用域
2008/03/27 PHP
php实现mysql同步的实现方法
2009/10/21 PHP
fleaphp常用方法分页之Pager使用方法
2011/04/23 PHP
php下载文件的代码示例
2012/06/29 PHP
php数组键名技巧小结
2015/02/17 PHP
Laravel与CI框架中截取字符串函数
2016/05/08 PHP
PHP对称加密函数实现数据的加密解密
2016/10/27 PHP
tp5.0框架隐藏index.php入口文件及模块和控制器的方法分析
2020/02/11 PHP
类似CSDN图片切换效果脚本
2009/09/17 Javascript
jQuery选择没有colspan属性的td的代码
2010/07/06 Javascript
基于JQuery的一个简单的鼠标跟随提示效果
2010/09/23 Javascript
jQuery EasyUI API 中文文档 - Tree树使用介绍
2011/11/19 Javascript
js为数字添加逗号并格式化数字的代码
2013/08/23 Javascript
js动态添加事件并可传参数示例代码
2013/10/21 Javascript
深入理解JavaScript系列(33):设计模式之策略模式详解
2015/03/03 Javascript
JavaScript如何自定义trim方法
2015/07/28 Javascript
Bootstrap导航条可点击和鼠标悬停显示下拉菜单的实现代码
2016/06/23 Javascript
无阻塞加载js,防止因js加载不了影响页面显示的问题
2016/12/18 Javascript
JavaScript对象拷贝与赋值操作实例分析
2018/12/10 Javascript
微信小程序解析富文本过程详解
2019/07/13 Javascript
Vue实现数据请求拦截
2019/10/23 Javascript
Vue 设置axios请求格式为form-data的操作步骤
2019/10/29 Javascript
原生js实现的金山打字小游戏(实例代码详解)
2020/03/16 Javascript
利用Vue实现简易播放器的完整代码
2020/12/30 Vue.js
[02:36]DOTA2混沌骑士 英雄基础教程
2013/11/26 DOTA
python实现无证书加密解密实例
2014/10/27 Python
用Python的Django框架来制作一个RSS阅读器
2015/07/22 Python
Python查询IP地址归属完整代码
2017/06/21 Python
Windows系统下多版本pip的共存问题详解
2017/10/10 Python
Python面向对象编程基础解析(二)
2017/10/26 Python
简单了解python关系(比较)运算符
2019/07/08 Python
HTML5 Web Workers之网站也能多线程的实现
2013/04/24 HTML / CSS
Book Depository美国:全球领先的专业网上书店之一
2019/08/14 全球购物
如何通过jdbc调用存储过程
2012/04/19 面试题
专题组织生活会思想汇报
2014/10/01 职场文书
好好学习保证书
2015/02/26 职场文书