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 相关文章推荐
centos下更新Python版本的步骤
Feb 12 Python
讲解python参数和作用域的使用
Nov 01 Python
python处理圆角图片、圆形图片的例子
Apr 25 Python
python实现简单购物商城
May 21 Python
Python实现获取照片拍摄日期并重命名的方法
Sep 30 Python
Python 使用with上下文实现计时功能
Mar 09 Python
python实现教务管理系统
Mar 12 Python
python中pika模块问题的深入探究
Oct 13 Python
python虚拟环境迁移方法
Jan 03 Python
Python logging日志模块 配置文件方式
Jul 12 Python
解决tensorflow模型压缩的问题_踩坑无数,总算搞定
Mar 02 Python
pytorch实现ResNet结构的实例代码
May 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
php小偷相关截取函数备忘
2010/11/28 PHP
fckeditor上传文件按日期存放及重命名方法
2015/05/22 PHP
php+MySQL实现登录时验证登录名和密码是否正确
2016/05/10 PHP
js类中的公有变量和私有变量
2008/07/24 Javascript
JQuery中的ready函数冲突的解决方法
2010/05/17 Javascript
JavaScript几种数组去掉重复值的方法推荐
2016/04/12 Javascript
js 获取经纬度的实现方法
2016/06/20 Javascript
Windows环境下npm install 报错: operation not permitted, rename的解决方法
2016/09/26 Javascript
js正则表达式惰性匹配和贪婪匹配用法分析
2016/12/26 Javascript
js学习总结_选项卡封装(实例讲解)
2017/07/13 Javascript
React实现全局组件的Toast轻提示效果
2018/09/21 Javascript
4个顶级开源JavaScript图表库
2018/09/29 Javascript
深入浅出 Vue 系列 -- 数据劫持实现原理
2019/04/23 Javascript
jQuery与原生JavaScript选择HTML元素集合用法对比分析
2019/11/26 jQuery
原生JS封装拖动验证滑块的实现代码示例
2020/06/01 Javascript
three.js如何实现3D动态文字效果
2021/03/03 Javascript
python thread 并发且顺序运行示例
2009/04/09 Python
Pyramid Mako模板引入helper对象的步骤方法
2013/11/27 Python
python实现二维码扫码自动登录淘宝
2016/12/27 Python
Python模块WSGI使用详解
2018/02/02 Python
Python+selenium 获取一组元素属性值的实例
2018/06/22 Python
使用celery执行Django串行异步任务的方法步骤
2019/06/06 Python
python爬虫模拟浏览器访问-User-Agent过程解析
2019/12/28 Python
Python基于requests库爬取网站信息
2020/03/02 Python
No module named ‘win32gui‘ 的解决方法(踩坑之旅)
2021/02/18 Python
马来西亚演唱会订票网站:StubHub马来西亚
2018/10/18 全球购物
英国当代时尚和街头服饰店:18montrose
2018/12/15 全球购物
财务主管自我鉴定
2014/01/17 职场文书
2014年两会学习心得范例
2014/03/17 职场文书
募捐倡议书怎么写
2014/05/14 职场文书
房地产活动策划方案
2014/05/14 职场文书
2014年残疾人工作总结
2014/12/06 职场文书
Nginx的rewrite模块详解
2021/03/31 Servers
浅析python中特殊文件和特殊函数
2022/02/24 Python
Vue.js中v-bind指令的用法介绍
2022/03/13 Vue.js
SQL Server使用CROSS APPLY与OUTER APPLY实现连接查询
2022/05/25 SQL Server