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守护进程(daemon)代码实例
Mar 06 Python
python清除字符串里非字母字符的方法
Jul 02 Python
Python3实现Web网页图片下载
Jan 28 Python
Python中几种导入模块的方式总结
Apr 27 Python
python Celery定时任务的示例
Mar 13 Python
使用pytorch进行图像的顺序读取方法
Jul 27 Python
对python 生成拼接xml报文的示例详解
Dec 28 Python
Python地图绘制实操详解
Mar 04 Python
Python pandas实现excel工作表合并功能详解
Aug 29 Python
使用Python画出小人发射爱心的代码
Nov 23 Python
Python生成器常见问题及解决方案
Mar 21 Python
分享一枚pycharm激活码适用所有pycharm版本我的pycharm2020.2.3激活成功
Nov 20 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获取当月最后一天函数分享
2015/02/02 PHP
php获取访问者IP地址汇总
2015/04/24 PHP
用javascript编写的第一人称射击游戏
2007/02/25 Javascript
符合W3C网页标准的iframe标签的使用方法
2007/07/19 Javascript
原生js拖拽(第一课 未兼容)拖拽思路
2013/03/29 Javascript
jquery对ajax的支持介绍
2013/12/10 Javascript
js读写json文件实例代码
2014/10/21 Javascript
javascript新闻跑马灯实例代码
2020/07/29 Javascript
用window.onerror捕获并上报Js错误的方法
2016/01/27 Javascript
Js的Array数组对象详解
2016/02/22 Javascript
ui组件之input多选下拉实现方法(带有搜索功能)
2016/07/14 Javascript
jQuery动态添加.active 实现导航效果代码思路详解
2017/08/29 jQuery
JQuery 获取多个select标签option的text内容(实例)
2017/09/07 jQuery
vue2 router 动态传参,多个参数的实例
2017/11/10 Javascript
深入浅析Vue中的Prop
2018/06/10 Javascript
webpack项目轻松混用css module的方法
2018/06/12 Javascript
详解IOS微信上Vue单页面应用JSSDK签名失败解决方案
2018/11/14 Javascript
vue2中引用及使用 better-scroll的方法详解
2018/11/15 Javascript
vue-cli3使用 DllPlugin 实现预编译提升构建速度
2019/04/24 Javascript
[04:05]TI9战队采访 - Natus Vincere
2019/08/22 DOTA
Python中.join()和os.path.join()两个函数的用法详解
2018/06/11 Python
Python实现的读取/更改/写入xml文件操作示例
2018/08/30 Python
对Python3中dict.keys()转换成list类型的方法详解
2019/02/03 Python
python使用pyecharts库画地图数据可视化的实现
2020/03/25 Python
Pandas缺失值2种处理方式代码实例
2020/06/13 Python
Python常用断言函数实例汇总
2020/11/30 Python
英国钻石公司:British Diamond Company
2020/02/16 全球购物
教师申诉制度
2014/01/29 职场文书
家长学校实施方案
2014/03/15 职场文书
奥巴马竞选演讲稿
2014/05/15 职场文书
新兵入伍心得体会
2014/09/04 职场文书
单位工作证明范文
2014/09/14 职场文书
pytorch 两个GPU同时训练的解决方案
2021/06/01 Python
React中的Context应用场景分析
2021/06/11 Javascript
Win10 Anaconda安装python-pcl
2022/04/29 Servers
Springboot集成kafka高级应用实战分享
2022/08/14 Java/Android