Django1.9 加载通过ImageField上传的图片方法


Posted in Python onMay 25, 2018

这里假设你是通过models的ImageField上传图片,并期望在前台img标签中能显示。能否访问图片关键在于,是否能通过正确的路径访问。

在models.py中有image如下

image = models.ImageField(upload_to='images/%Y/%m', verbose_name='文件缩略图')

在显示页面中如show.html中使用img标签显示

<img class="center-block thumbnail" src="{{result.object.image.url }}" alt="" />

不过这里{{result.object.image.url}}只是读取出了上面模型upload_to下面的路径,并不能真正显示出来。要在模板中显示,还需要在urls.py和settings.py配置

下一步,在你的urls.py中配置如下:

from django.conf.urls import include, url
from django.conf import settings
from django.conf.urls.static import static

urlpatterns = [
  '''你的其他url配置'''
]

urlpatterns += static(settings.MEDIA_URL, document_root=settings.MEDIA_ROOT)

setttings.py中配置 MEDIA_URL 和 MEDIA_ROOT,这里定义了media相关配置,也就是定义了模型中ImageField里的参数upload_to所在目录

MEDIA_URL = '/media/'
MEDIA_ROOT = os.path.join(BASE_DIR, 'media')

到此,我们能够正确访问通过ImageFields上传的图片,下面是官方文档上面的一些说明

具体的相关文档

在模型中调用FileField 或 ImageField (见下方) 需如下几步:

在你的settings文件中, 你必须要定义 MEDIA_ROOT 作为Django存储上传文件的路径(从性能上考虑,这些文件不能存在数据库中。) 定义一个 MEDIA_URL 作为基础的URL或者目录。确保这个目录可以被web server使用的账户写入。

在模型中添加FileField 或 ImageField 字段, 定义 upload_to参数,内容是 MEDIA_ROOT 的子目录,用来存放上传的文件。

数据库中存放的仅是这个文件的路径 (相对于MEDIA_ROOT). 你很可能会想用由Django提供的便利的url 属性。比如说, 如果你的ImageField 命名为 mug_shot, 你可以在template中用 {{ object.mug_shot.url }}获得你照片的绝对路径。

例如,如果你的 MEDIA_ROOT设定为 ‘/home/media',并且 upload_to设定为 photos/%Y/%m/%d。 upload_to的'%Y/%m/%d‘被strftime()所格式化;'%Y' 将会被格式化为一个四位数的年份, ‘%m' 被格式化为一个两位数的月份'%d'是两位数日份。如果你在Jan.15.2007上传了一个文件,它将被保存在/home/media/photos/2007/01/15目录下.

以上这篇Django1.9 加载通过ImageField上传的图片方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Python 相关文章推荐
合并百度影音的离线数据( with python 2.3)
Aug 04 Python
python实现简单socket通信的方法
Apr 19 Python
Python爬虫之正则表达式的使用教程详解
Oct 25 Python
pygame游戏之旅 载入小车图片、更新窗口
Nov 20 Python
详解python3 + Scrapy爬虫学习之创建项目
Apr 12 Python
python使用threading.Condition交替打印两个字符
May 07 Python
详解Python3网络爬虫(二):利用urllib.urlopen向有道翻译发送数据获得翻译结果
May 07 Python
win10系统下python3安装及pip换源和使用教程
Jan 06 Python
Django 解决model 反向引用中的related_name问题
May 19 Python
使用Python防止SQL注入攻击的实现示例
May 21 Python
python推导式的使用方法实例
Feb 28 Python
Python入门学习之类的相关知识总结
May 25 Python
python matplotlib 在指定的两个点之间连线方法
May 25 #Python
基于python OpenCV实现动态人脸检测
May 25 #Python
使用matplotlib画散点图的方法
May 25 #Python
python调用OpenCV实现人脸识别功能
May 25 #Python
matplotlib subplots 设置总图的标题方法
May 25 #Python
Python3.6.0+opencv3.3.0人脸检测示例
May 25 #Python
Python unittest模块用法实例分析
May 25 #Python
You might like
在Mac上编译安装PHP7的开发环境
2015/07/28 PHP
Thinkphp框架开发移动端接口(1)
2016/08/18 PHP
php实现数字补零的方法总结
2018/09/12 PHP
合并table相同单元格的jquery插件分享(很精简)
2011/06/20 Javascript
Extjs gridpanel 出现横向滚动条问题的解决方法
2011/07/04 Javascript
jQuery结合PHP+MySQL实现二级联动下拉列表[实例]
2011/11/15 Javascript
jQuery 图片切换插件(代码比较少)
2012/05/07 Javascript
javascript中的return和闭包函数浅析
2014/06/06 Javascript
JS中getYear()和getFullYear()区别分析
2014/07/04 Javascript
JavaScript实现弹出子窗口并传值给父窗口
2014/12/18 Javascript
javascript创建cookie、读取cookie
2016/03/31 Javascript
JS实现登录页面记住密码和enter键登录方法推荐
2016/05/10 Javascript
JS针对Array的各种操作汇总
2016/11/29 Javascript
微信小程序 支付功能实现PHP实例详解
2017/05/12 Javascript
基于vue2框架的机器人自动回复mini-project实例代码
2017/06/13 Javascript
JavaScript截屏功能的实现代码
2017/07/28 Javascript
详解Chart.js轻量级图表库的使用经验
2018/05/22 Javascript
Angularjs 根据一个select的值去设置另一个select的值方法
2018/08/13 Javascript
用vue-cli开发vue时的代理设置方法
2018/09/20 Javascript
JavaScript如何判断input数据类型
2020/02/06 Javascript
JavaScript canvas实现跟随鼠标移动小球
2021/02/09 Javascript
python 查找字符串是否存在实例详解
2017/01/20 Python
使用Python横向合并excel文件的实例
2018/12/11 Python
Python+Selenium+phantomjs实现网页模拟登录和截图功能(windows环境)
2019/12/11 Python
Python 之 Json序列化嵌套类方式
2020/02/27 Python
Django框架请求生命周期实现原理
2020/11/13 Python
Html5新标签datalist实现输入框与后台数据库数据的动态匹配
2017/05/18 HTML / CSS
Html5+CSS3+EL表达式问题小结
2020/12/19 HTML / CSS
HashMap和Hashtable的区别
2013/05/18 面试题
12岁生日感言
2014/01/21 职场文书
《孔繁森》教学反思
2014/04/17 职场文书
冬季施工防火方案
2014/05/17 职场文书
尊师重教主题班会
2015/08/14 职场文书
2016公务员年度考核评语
2015/12/01 职场文书
《飘》英文读后感五篇
2019/10/11 职场文书
浅析Python中的套接字编程
2021/06/22 Python