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使用cx_Oracle模块将oracle中数据导出到csv文件的方法
May 16 Python
小白如何入门Python? 制作一个网站为例
Mar 06 Python
Linux下python制作名片示例
Jul 20 Python
python爬取淘宝商品销量信息
Nov 16 Python
python处理multipart/form-data的请求方法
Dec 26 Python
用Python从0开始实现一个中文拼音输入法的思路详解
Jul 20 Python
pyqt5、qtdesigner安装和环境设置教程
Sep 25 Python
Python数据处理篇之Sympy系列(五)---解方程
Oct 12 Python
关于tf.nn.dynamic_rnn返回值详解
Jan 20 Python
python制作抽奖程序代码详解
Jan 15 Python
Python集合的基础操作
Nov 01 Python
Python Pandas解析读写 CSV 文件
Apr 11 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
用sql命令修改数据表中的一个字段为非空(not null)的语句
2010/06/04 PHP
php实现根据IP地址获取其所在省市的方法
2015/04/30 PHP
php获取指定(访客)IP所有信息(地址、邮政编码、国家、经纬度等)的方法
2015/07/06 PHP
CI框架实现cookie登陆的方法详解
2016/05/18 PHP
Yii2.0多文件上传实例说明
2017/07/24 PHP
laravel 实现根据字段不同值做不同查询
2019/10/23 PHP
不用AJAX和IFRAME,说说真正意义上的ASP+JS无刷新技术
2008/09/25 Javascript
jQuery的中 is(':visible') 解析及用法(必看)
2017/02/12 Javascript
微信小程序之MaterialDesign--input组件详解
2017/02/15 Javascript
JS实现图片点击后出现模态框效果
2017/05/03 Javascript
微信小程序获取微信运动步数的实例代码
2017/07/20 Javascript
JS实现按钮控制计时开始和停止功能
2017/07/27 Javascript
微信小程序实现图片上传、删除和预览功能的方法
2017/12/18 Javascript
js中let和var定义变量的区别
2018/02/08 Javascript
微信小程序实现顶部下拉菜单栏
2018/11/04 Javascript
vue改变对象或数组时的刷新机制的方法总结
2019/04/24 Javascript
D3.js的基础部分之数组的处理数组的排序和求值(v3版本)
2019/05/09 Javascript
深入理解redux之compose的具体应用
2020/01/12 Javascript
[29:59]完美世界DOTA2联赛PWL S3 Forest vs access 第二场 12.11
2020/12/13 DOTA
python缩进区别分析
2014/02/15 Python
Python批量创建迅雷任务及创建多个文件
2016/02/13 Python
Pandas之drop_duplicates:去除重复项方法
2018/04/18 Python
pytorch cnn 识别手写的字实现自建图片数据
2018/05/20 Python
Python多项式回归的实现方法
2019/03/11 Python
利用CSS3的定位页面元素
2009/08/29 HTML / CSS
CSS3 filter(滤镜)实现网页灰色或者黑色模式的示例代码
2021/02/24 HTML / CSS
New Era英国官网:美国棒球帽品牌
2018/03/21 全球购物
世界排名第一的万圣节服装店:Spirit Halloween
2018/10/16 全球购物
机电一体化职业规划书
2014/01/07 职场文书
职员竞岗演讲稿
2014/05/14 职场文书
廉政教育的心得体会
2014/09/01 职场文书
协议书范文
2015/01/27 职场文书
《多彩的民间艺术》教学反思
2016/02/16 职场文书
送给客户微信问候语!
2019/07/04 职场文书
如何vue使用el-table遍历循环表头和表体数据
2022/04/26 Vue.js
ubuntu如何搭建vsftpd服务器
2022/12/24 Servers