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 相关文章推荐
如何准确判断请求是搜索引擎爬虫(蜘蛛)发出的请求
Oct 13 Python
python kmeans聚类简单介绍和实现代码
Feb 23 Python
Python实现检测文件MD5值的方法示例
Apr 11 Python
浅析Python装饰器以及装饰器模式
May 28 Python
Python中GIL的使用详解
Oct 03 Python
numpy给array增加维度np.newaxis的实例
Nov 01 Python
python实现多层感知器MLP(基于双月数据集)
Jan 18 Python
对Python3中dict.keys()转换成list类型的方法详解
Feb 03 Python
学习python的前途 python挣钱
Feb 27 Python
Python3网络爬虫开发实战之极验滑动验证码的识别
Aug 02 Python
tensorflow实现读取模型中保存的值 tf.train.NewCheckpointReader
Feb 10 Python
解决Keras 自定义层时遇到版本的问题
Jun 16 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 图像尺寸调整代码
2010/05/26 PHP
php设计模式 Facade(外观模式)
2011/06/26 PHP
PHP使用token防止表单重复提交的方法
2016/04/07 PHP
yii2.0整合阿里云oss删除单个文件的方法
2017/09/19 PHP
PHP实现二维数组按照指定的字段进行排序算法示例
2019/04/23 PHP
学习ExtJS form布局
2009/10/08 Javascript
CSS和Javascript简单复习资料
2010/06/29 Javascript
Javascript表格翻页效果实现思路及代码
2013/08/23 Javascript
jquery自动填充勾选框即把勾选框打上true
2014/03/24 Javascript
jQuery判断数组是否包含了指定的元素
2015/03/10 Javascript
javascript实现简单的页面右下角提示信息框
2015/07/31 Javascript
包含中国城市的javascript对象实例
2015/08/03 Javascript
Nodejs的express使用教程
2015/11/23 NodeJs
jQuery自动完成插件completer附源码下载
2016/01/04 Javascript
微信小程序 触控事件详细介绍
2016/10/17 Javascript
基于Vuejs框架实现翻页组件
2020/06/29 Javascript
Vue + Webpack + Vue-loader学习教程之功能介绍篇
2017/03/14 Javascript
Vuejs实现购物车功能
2017/11/05 Javascript
详解Vue的七种传值方式
2021/02/08 Vue.js
Vue基本指令实例图文讲解
2021/02/25 Vue.js
[01:24:09]Ti4 冒泡赛第二轮DK vs C9 1
2014/07/14 DOTA
PyQt5每天必学之像素图控件QPixmap
2018/04/19 Python
python实现下载pop3邮件保存到本地
2018/06/19 Python
python ipset管理 增删白名单的方法
2019/01/14 Python
Python中的上下文管理器相关知识详解
2019/09/19 Python
python opencv如何实现图片绘制
2020/01/19 Python
python 代码运行时间获取方式详解
2020/09/18 Python
基于MUI框架使用HTML5实现的二维码扫描功能
2018/03/01 HTML / CSS
德国最大的网上鞋店之一:Schuhe24.de
2017/06/10 全球购物
Ariat英国官网:为世界顶级马术运动员制造最优质的鞋类和服装
2020/02/14 全球购物
思想专业自荐信范文
2013/12/25 职场文书
迎八一活动主题
2014/01/31 职场文书
企业安全生产责任书
2014/04/14 职场文书
安全宣传标语口号
2014/06/06 职场文书
暑期培训班招生方案
2014/08/26 职场文书
2015教师节通讯稿
2015/07/20 职场文书