django这是一个很强大框架,但是里面的内容我们很难完全弄清楚,经常会遇到一些奇怪的问题,今天我们主要介绍的是在网页上加载动态图片,所谓的动态图片也就是用户上传的照片,并非静态的。


用户在点击这里上传图片的时候,我们再后台上传的位置是这样写的

    image = models.ImageField(upload_to="org/%Y/%m", verbose_name="封面图")

因为,在用户上传成功后,图片的位置如下所示

那么我们这里的图片,怎么读呢,我们之前在读取静态图片的时候是这样的

  <dt><img width="80" height="80" src="{% static "images/zwj.png" %}"/></dt>

但是在这里不能这样读取,我们要做以下配置
1,配置setting.py

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',# python3 django2.0的写法,低版本不是这样写的'django.template.context_processors.media',],},},
]#这个目录就是文件上传的地址位置,只要能上传图片,这里肯定是配置了
MEDIA_URL = '/media/'
# 相当于加载到根搜索目录
MEDIA_ROOT = os.path.join(BASE_DIR, 'media')

2,url中配置

from django.views.static import serve
# 这里也就是说图片放问的地址,将地址获取到,并将MEDIA_ROOT传递进去
re_path('media/(?P<path>.*)', serve, {"document_root": MEDIA_ROOT})

3,前台配置
在前台,我们将地址拼接,放在data-url属性中即可

        <img width="200" height="120" class="scrollLoading" data-url="{{ MEDIA_URL }}{{ course_org.image }}"/>

Django读取图片相关推荐

  1. 《微信小程序-证件照换底色》之三:微信小程序接收django的图片并部署到windows服务器上

    实现小程序接收django的图片并部署到windows服务器上 继上一篇:用pycharm搭建django框架接收微信小程序的图片后续 链接: https://blog.csdn.net/qq_449 ...

  2. ttf,woff2字体转化为png图片,python读取图片

    20210326 乱码转换的时候 是同一套unicode编码 但是在不同的字体库中对应的字不同 20210324 https://jingyan.baidu.com/article/e73e26c0c ...

  3. OpenCV+python:读取图片

    1,源码: import cv2 as cv #导入OpenCV库 import numpy as np #导入numpy科学计算包 print("--------- Python + Op ...

  4. html显示数据库图片django,django将图片上传数据库后在前端显式的方法

    1.使用ImageField先安装pillow模块 pip install pillow 2.在app的models中设置 class Image(models.Model): pic_name=mo ...

  5. jdbc mysql查询显示图片_JDBC【向数据库中存入读取图片】

    JDBC-向数据库中存入读取图片 注:此代码依赖自定义的数据库连接工具类 1.向数据库存入一张照片 import java.io.File; import java.io.FileInputStrea ...

  6. 写入和读取图片(c# asp.net sqlserver)

    作者:木子  http://blog.csdn.net/derny/ 首先要创建一个表包含自段image 和 type 类型各自为image 和 vnanchar WebForm1.aspx < ...

  7. python加载图片的方法_python从网络读取图片并直接进行处理的方法

    python从网络读取图片并直接进行处理的方法 更新时间:2015年05月22日 10:09:08 作者:pythoner 这篇文章主要介绍了python从网络读取图片并直接进行处理的方法,涉及cSt ...

  8. python读取图片并且显示

    使用python-opencv读取图片,利用opencv或matplotlib显示图片. # -*- coding: utf-8 -*-import numpy as np from matplotl ...

  9. python怎么编辑图片_python读取图片并修改格式与大小的方法

    本文实例为大家分享了python读取图片并修改文件大小的具体代码,供大家参考,具体内容如下 # Author:NDK # -*- coding:utf-8 -*- from PIL import Im ...

  10. 从oracle中读取图片,从oracle数据库中读取图片,在jsp?

    servlet:(jsp调用servlet显示图片,servlet如下) public void doGet(HttpServletRequest request, HttpServletRespon ...

最新文章

  1. 「每周CV论文推荐」 初学深度学习单图三维人脸重建需要读的文章
  2. Python学习笔记:多线程和多进程(转1)
  3. manjaro kde 21.2.5使用x11桌面可以正常使用搜狗输入法
  4. cont::value_type相关的测试程序
  5. 王重敏的“中国主义”
  6. 深度学习笔记(1) 深度学习简介
  7. python视频教程全集-Python 3视频教程全集(2018版)免费送啦
  8. linux accept 修改数据包,Linux协议栈accept和syn队列问题
  9. 黑莓BlackBerry手机刷机ROM常见问题
  10. 网页悬浮按钮php,Javascript实现带关闭按钮的网页漂浮广告代码_javascript技巧
  11. 常见数学中的特殊符号
  12. 电机学他励直流发电机matlab,基于Matlab并励直流发电机的自励过程分析
  13. 工程机械远程监控系统
  14. MySQL 怎么保证备份数据的一致性?
  15. Revit 二次开发 未能加载文件或程序集“Microsoft.Xaml.Behaviors”或它的某一个依赖项
  16. “回文串”是一个正读和反读都一样的字符串,比如“level”或者“noon”等等就是回文串。花花非常喜欢这种拥有对称美的回文串,生日的时候她得到两个礼物分别是字符串A和字符串B。
  17. 新版sublime text3编辑器设置Seti_UI主题
  18. VS 0xC0000005 运行错误分析
  19. Docker-安装Jenkins-使用jenkins发版Java项目
  20. 1. spring5源码 -- IOC容器设计理念和核心注解的作用

热门文章

  1. windows 开启安全中心的方法
  2. Linux的shell计算下一次生日
  3. linux双系统优先开启_更改双系统启动菜单(启动顺序)的2种方法
  4. Mac 破解zip压缩文件密码详解
  5. 人大、北外、北航三校开启在职硕士(学位)商业数据分析方向 | 报名
  6. UTF-8编码占几个字节?
  7. 对 Unity 动画系统 Mecanim 的调研
  8. 连接网络打印机报0x00000709解决方案
  9. Leetcode 1484题: Group Sold Products By The Date
  10. c语言输出字母空心菱形,C语言实现打印菱形和空心菱形