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基础教程之基本内置数据类型介绍
Feb 20 Python
使用优化器来提升Python程序的执行效率的教程
Apr 02 Python
Python数据库的连接实现方法与注意事项
Feb 27 Python
Python中序列的修改、散列与切片详解
Aug 27 Python
python生成excel的实例代码
Nov 08 Python
python2与python3的print及字符串格式化小结
Nov 30 Python
python读取各种文件数据方法解析
Dec 29 Python
python实现定时发送qq消息
Jan 18 Python
python 调用钉钉机器人的方法
Feb 20 Python
python range实例用法分享
Feb 06 Python
使用Python判断一个文件是否被占用的方法教程
Dec 16 Python
Python爬虫中urllib3与urllib的区别是什么
Jul 21 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
第六节--访问属性和方法
2006/11/16 PHP
PHP中4个加速、缓存扩展的区别和选用建议
2014/03/12 PHP
解决laravel查询构造器中的别名问题
2019/10/17 PHP
原生js拖拽(第一课 未兼容)拖拽思路
2013/03/29 Javascript
关闭浏览器输入框自动补齐 兼容IE,FF,Chrome等主流浏览器
2014/02/11 Javascript
JavaScript利用正则表达式去除日期中的“-”
2014/07/01 Javascript
jQuery的实例及必知重要的jQuery选择器详解
2016/05/20 Javascript
jquery插件bootstrapValidator数据验证详解
2016/11/09 Javascript
JavaScript基于Dom操作实现查找、修改HTML元素的内容及属性的方法
2017/01/20 Javascript
jquery中有哪些api jQuery主要API
2017/11/20 jQuery
jquery动态添加以及遍历option并获取特定样式名称的option方法
2018/01/29 jQuery
在Vue组件上动态添加和删除属性方法
2018/02/23 Javascript
对vue.js中this.$emit的深入理解
2018/02/23 Javascript
jQuery实现当拉动滚动条到底部加载数据的方法分析
2019/01/24 jQuery
了解前端理论:rscss和rsjs
2019/05/23 Javascript
Js实现复选框的全选、全不选反选功能代码实例
2020/02/28 Javascript
design vue 表格开启列排序的操作
2020/10/28 Javascript
[04:31]2016国际邀请赛中国区预选赛妖精采访
2016/06/27 DOTA
Python enumerate遍历数组示例应用
2008/09/06 Python
Python 中的range(),以及列表切片方法
2018/07/02 Python
符合语言习惯的 Python 优雅编程技巧【推荐】
2018/09/25 Python
python set内置函数的具体使用
2019/07/02 Python
python生成随机红包的实例写法
2019/09/02 Python
python 按钮点击关闭窗口的实现
2020/03/04 Python
PySide2出现“ImportError: DLL load failed: 找不到指定的模块”的问题及解决方法
2020/06/10 Python
Python实现爬取网页中动态加载的数据
2020/08/17 Python
CSS的pointer-events属性详细介绍(作用和注意事项)
2014/04/23 HTML / CSS
世界上最大的汽车共享网站:Zipcar
2017/01/14 全球购物
新闻专业个人自我评价
2013/09/21 职场文书
社团活动总结范文
2014/04/26 职场文书
建设投标担保书
2014/05/13 职场文书
促销活动总结模板
2014/07/01 职场文书
优秀共产党员演讲稿
2014/09/04 职场文书
2016年“节能宣传周”活动总结
2016/04/05 职场文书
Vue CLI中模式与环境变量的深入详解
2021/05/30 Vue.js
SQL SERVER触发器详解
2022/02/24 SQL Server