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 continue语句用法实例
Mar 11 Python
Python 常用string函数详解
May 30 Python
Python优化技巧之利用ctypes提高执行速度
Sep 11 Python
python实现可以断点续传和并发的ftp程序
Sep 13 Python
使用python爬虫实现网络股票信息爬取的demo
Jan 05 Python
将python运行结果保存至本地文件中的示例讲解
Jul 11 Python
Python 单例设计模式用法实例分析
Sep 23 Python
浅谈Python type的使用
Nov 19 Python
django执行数据库查询之后实现返回的结果集转json
Mar 31 Python
Python使用扩展库pywin32实现批量文档打印实例
Apr 09 Python
python 利用Pyinstaller打包Web项目
Oct 23 Python
python调用百度API实现人脸识别
Nov 17 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
cmd下运行php脚本
2008/11/25 PHP
PHP图片裁剪函数(保持图像不变形)
2014/05/04 PHP
php实现两表合并成新表并且有序排列的方法
2014/12/05 PHP
php搜索文件程序分享
2015/10/30 PHP
详解Window7 下开发php扩展
2015/12/31 PHP
PHP写的简单数字验证码实例
2017/05/23 PHP
JavaScript使用prototype定义对象类型
2007/02/07 Javascript
HTML上传控件取消选择
2013/03/06 Javascript
jquery右下角弹出提示框示例代码
2013/10/08 Javascript
Javascript基础教程之数据类型 (布尔型 Boolean)
2015/01/18 Javascript
通过JS判断联网类型和连接状态的实现代码
2015/04/01 Javascript
AngularJS快速入门
2015/04/02 Javascript
SpringMVC返回json数据的三种方式
2015/12/10 Javascript
js内置对象处理_打印学生成绩单的简单实现
2016/09/24 Javascript
基于BootStrap栅格栏系统完成网站底部版权信息区
2016/12/23 Javascript
微信小程序获取手机号授权用户登录功能
2017/11/09 Javascript
JS实现图片居中悬浮效果
2017/12/25 Javascript
详解Element 指令clickoutside源码分析
2019/02/15 Javascript
微信小程序利用Canvas绘制图片和竖排文字详解
2019/06/25 Javascript
微信小程序swiper实现文字纵向轮播提示效果
2020/01/21 Javascript
[01:38]女王驾到——至宝魔廷新尊技能&特效展示
2020/06/16 DOTA
Pandas中Series和DataFrame的索引实现
2019/06/27 Python
简单瞅瞅Python vars()内置函数的实现
2019/09/27 Python
关于python pycharm中输出的内容不全的解决办法
2020/01/10 Python
基于Python爬取搜狐证券股票过程解析
2020/11/18 Python
两种CSS3伪类选择器详细介绍
2013/12/24 HTML / CSS
墨尔本照明批发商店:Mica Lighting
2017/12/28 全球购物
小米旗下精品生活电商平台:小米有品
2018/12/18 全球购物
十佳护士获奖感言
2014/02/18 职场文书
机关作风整顿个人剖析材料
2014/10/06 职场文书
见习报告怎么写
2014/10/31 职场文书
销售经理工作检讨书
2015/02/19 职场文书
师范生见习自我总结
2015/06/23 职场文书
消防安全主题班会
2015/08/12 职场文书
2016年植树节红领巾广播稿
2015/12/17 职场文书
MySQL约束超详解
2021/09/04 MySQL