Django读取图片
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 }}"/>
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 分享4款.NET开源、免费、实用的商城系统
· 全程不用写代码,我用AI程序员写了一个飞机大战
· MongoDB 8.0这个新功能碉堡了,比商业数据库还牛
· 白话解读 Dapr 1.15:你的「微服务管家」又秀新绝活了
· 上周热点回顾(2.24-3.2)