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基础知识小结之集合
Nov 25 Python
Python2.7简单连接与操作MySQL的方法
Apr 27 Python
Python环境下搭建属于自己的pip源的教程
May 05 Python
python通过pip更新所有已安装的包实现方法
May 19 Python
Python跨文件全局变量的实现方法示例
Dec 10 Python
用python与文件进行交互的方法
Mar 01 Python
Python开发之Nginx+uWSGI+virtualenv多项目部署教程
May 13 Python
PyQt5笔记之弹出窗口大全
Jun 20 Python
tensorflow安装成功import tensorflow 出现问题
Apr 16 Python
Python实现封装打包自己写的代码,被python import
Jul 12 Python
Python tkinter实现日期选择器
Feb 22 Python
用python删除文件夹中的重复图片(图片去重)
May 12 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 文件类型判断代码
2009/03/13 PHP
php操作SVN版本服务器类代码
2011/11/27 PHP
浅谈php中curl、fsockopen的应用
2016/12/10 PHP
PHP实现文件上传操作和封装
2020/03/04 PHP
有关PHP 中 config.m4 的探索
2020/08/26 PHP
js 通过cookie实现刷新不变化树形菜单
2014/10/30 Javascript
jQuery对象的length属性用法实例
2014/12/27 Javascript
jquery+CSS3模拟Path2.0动画菜单效果代码
2015/08/31 Javascript
jQuery实现鼠标滑过点击事件音效试听
2015/08/31 Javascript
使用jQuery的easydrag插件实现可拖动的DIV弹出框
2016/02/19 Javascript
原生js实现查询天气小应用
2016/12/09 Javascript
JS获取本周周一,周末及获取任意时间的周一周末功能示例
2017/02/09 Javascript
BootStrapValidator初使用教程详解
2017/02/10 Javascript
原生JS实现垂直手风琴效果
2017/02/19 Javascript
让微信小程序支持ES6中Promise特性的方法详解
2017/06/13 Javascript
elementUI Vue 单个按钮显示和隐藏的变换功能(两种方法)
2018/09/04 Javascript
详解微信小程序与内嵌网页交互实现支付功能
2018/10/22 Javascript
详解vue3.0 diff算法的使用(超详细)
2020/07/01 Javascript
VSCode 添加自定义注释的方法(附带红色警戒经典注释风格)
2020/08/27 Javascript
python BeautifulSoup使用方法详解
2013/11/21 Python
微信跳一跳小游戏python脚本
2018/01/05 Python
Python使用sorted对字典的key或value排序
2018/11/15 Python
python利用thrift服务读取hbase数据的方法
2018/12/27 Python
python的依赖管理的实现
2019/05/14 Python
python快速编写单行注释多行注释的方法
2019/07/31 Python
tensorflow通过模型文件,使用tensorboard查看其模型图Graph方式
2020/01/23 Python
Python读取分割压缩TXT文本文件实例
2020/02/14 Python
使用HTML5的Notification API制作web通知的教程
2015/05/08 HTML / CSS
英国最大的宝石首饰超市:QP Jewellers
2018/09/23 全球购物
内科护士实习自我鉴定
2013/10/17 职场文书
大一新生军训时的自我评价分享
2013/12/05 职场文书
酒店实习个人鉴定
2013/12/07 职场文书
销售团队口号大全
2014/06/06 职场文书
2014小学生国庆65周年演讲稿
2014/09/21 职场文书
国防教育标语
2014/10/08 职场文书
2014年药店工作总结
2014/11/20 职场文书