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中的文本处理
Apr 11 Python
解决Python pandas df 写入excel 出现的问题
Jul 04 Python
python实现控制台打印的方法
Jan 12 Python
django表单的Widgets使用详解
Jul 22 Python
Python线程指南分享
Nov 19 Python
JupyterNotebook设置Python环境的方法步骤
Dec 03 Python
Pytorch之Variable的用法
Dec 31 Python
Python基于codecs模块实现文件读写案例解析
May 11 Python
打印tensorflow恢复模型中所有变量与操作节点方式
May 26 Python
python3.6中anaconda安装sklearn踩坑实录
Jul 28 Python
Pytorch DataLoader shuffle验证方式
Jun 02 Python
详解Flask开发技巧之异常处理
Jun 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
memcache命令启动参数中文解释
2014/01/13 PHP
php使用正则过滤js脚本代码实例
2014/05/10 PHP
PHP连接sftp并下载文件的方法教程
2018/08/26 PHP
PHP设计模式之外观模式(Facade)入门与应用详解
2019/12/13 PHP
Yii框架组件的事件机制原理与用法分析
2020/04/07 PHP
ExtJS Ext.MessageBox.alert()弹出对话框详解
2010/04/02 Javascript
解析Jquery中如何把一段html代码动态写入到DIV中(实例说明)
2013/07/09 Javascript
jQuery 的全选(全非选)即取得被选中的值使用介绍
2013/11/12 Javascript
jquery实现tr元素的上下移动示例代码
2013/12/20 Javascript
jQuery中[attribute=value]选择器用法实例
2014/12/31 Javascript
jquery事件preventDefault()方法用法实例
2015/01/16 Javascript
使用jQuery实现input数值增量和减量的方法
2015/01/24 Javascript
基于javascript实现图片左右切换效果
2016/01/25 Javascript
基于JavaScript如何制作遮罩层对话框
2016/01/26 Javascript
浅谈js里面的InttoStr和StrtoInt
2016/06/14 Javascript
JS中使用 after 伪类清除浮动实例
2017/03/01 Javascript
Three.js利用Detector.js插件如何实现兼容性检测详解
2017/09/26 Javascript
JavaScript实现数组全排列、去重及求最大值算法示例
2018/07/30 Javascript
Layer弹出层动态获取数据的方法
2018/08/20 Javascript
在vue项目中使用md5加密的方法
2018/09/14 Javascript
vue项目部署到nginx/tomcat服务器的实现
2019/08/26 Javascript
关于vue 项目中浏览器跨域的配置问题
2020/11/10 Javascript
vuex的使用和简易实现
2021/01/07 Vue.js
Python Selenium Cookie 绕过验证码实现登录示例代码
2018/04/10 Python
Python3.4学习笔记之类型判断,异常处理,终止程序操作小结
2019/03/01 Python
Python Datetime模块和Calendar模块用法实例分析
2019/04/15 Python
Django REST framwork的权限验证实例
2020/04/02 Python
pip install命令安装扩展库整理
2021/03/02 Python
美国性感女装网站:bebe
2017/03/04 全球购物
塑料制成的可水洗的编织平底鞋和鞋子:Rothy’s
2018/09/16 全球购物
教育基金募捐倡议书
2014/05/14 职场文书
小学生五年级大队长竞选发言稿
2014/09/12 职场文书
大学生创业事迹材料
2014/12/30 职场文书
春节慰问信范文
2015/02/15 职场文书
学校勤俭节约倡议书
2015/04/29 职场文书
Python线程池与GIL全局锁实现抽奖小案例
2022/04/13 Python