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与shell的3种交互方式介绍
Apr 11 Python
Python 类的继承实例详解
Mar 25 Python
python利用百度AI实现文字识别功能
Nov 27 Python
python使用pygame模块实现坦克大战游戏
Mar 25 Python
使用python将最新的测试报告以附件的形式发到指定邮箱
Sep 20 Python
python如何通过twisted搭建socket服务
Feb 03 Python
python3安装OCR识别库tesserocr过程图解
Apr 02 Python
python使用梯度下降和牛顿法寻找Rosenbrock函数最小值实例
Apr 02 Python
PyTorch实现重写/改写Dataset并载入Dataloader
Jul 14 Python
python plt.plot bar 如何设置绘图尺寸大小
Jun 01 Python
Python实现简单的俄罗斯方块游戏
Sep 25 Python
Python selenium绕过webdriver监测执行javascript
Apr 12 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制作简单分页(从数据库读取记录)的方法详解
2013/05/04 PHP
CodeIgniter配置之config.php用法实例分析
2016/01/19 PHP
php mysql_real_escape_string addslashes及mysql绑定参数防SQL注入攻击
2016/12/23 PHP
PHP实现会员账号单唯一登录的方法分析
2019/03/07 PHP
PHP 实现重载
2021/03/09 PHP
利用javascript/jquery对上传文件格式过滤的方法
2009/07/25 Javascript
一些主流JS框架中DOMReady事件的实现小结
2011/02/12 Javascript
jQuery bind事件使用详解
2011/05/05 Javascript
JS实现div居中示例
2014/04/17 Javascript
sliderToggle在写jquery的计时器setTimeouter中不生效
2014/05/26 Javascript
jQuery中Ajax的get、post等方法详解
2015/01/20 Javascript
微信小程序侧边栏滑动特效(左右滑动)
2017/01/23 Javascript
微信小程序云开发之使用云函数
2019/05/17 Javascript
Vue实现拖放排序功能的实例代码
2019/07/08 Javascript
微信小程序顶部导航栏可滑动并选中放大
2019/12/05 Javascript
JS实现水平移动与垂直移动动画
2019/12/19 Javascript
Vue proxyTable配置多个接口地址,解决跨域的问题
2020/09/11 Javascript
vue使用screenfull插件实现全屏功能
2020/09/17 Javascript
python 七种邮件内容发送方法实例
2014/04/22 Python
Python生成随机验证码的两种方法
2015/12/22 Python
Python 12306抢火车票脚本
2018/02/07 Python
python中dict字典的查询键值对 遍历 排序 创建 访问 更新 删除基础操作方法
2018/09/13 Python
浅析Python 实现一个自动化翻译和替换的工具
2019/04/14 Python
Python使用Turtle库绘制一棵西兰花
2019/11/23 Python
Python PIL库图片灰化处理
2020/04/07 Python
css3实现wifi信号逐渐增强效果实例
2017/08/09 HTML / CSS
HTML5添加鼠标悬浮音响效果不使用FLASH
2014/04/23 HTML / CSS
家庭睡衣和家庭用品:Little Blue House
2018/03/18 全球购物
英文版网络工程师求职信
2013/10/28 职场文书
初一英语教学反思
2014/01/11 职场文书
小学运动会表扬稿
2014/01/19 职场文书
开展党的群众路线教育实践活动领导班子对照检查材料
2014/09/25 职场文书
艺术节开幕词
2015/01/28 职场文书
党支部意见范文
2015/06/02 职场文书
车间安全生产管理制度
2015/08/06 职场文书
【海涛dota解说】一房久违的影魔魂守二连发
2022/04/01 DOTA