Django1.9 加载通过ImageField上传的图片方法
这里假设你是通过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上传的图片方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持脚本之家。
您可能感兴趣的文章:
- Django1.9 加载通过ImageField上传的图片
- Django如何在模板中显示通过ImageField上传的图片
- grid中显示blobImage上传的图片 通过本案例,我们实现blobImage上传的图片在grid表格中的显示。 grid的cellRender方法渲染单元格显示图片,例: 1 2 3 4 5
- 通过Fckeditor把图片上传到独立图片服务器的方法
- sdwebImageview 在https 中不能加载图片时解决方法
- universal image loader在listview/gridview中滚动时重复加载图片的问题及解决方法
- iOS 加载图片选择imageNamed 方法还是 imageWithContentsOfFile?
- 通过Fckeditor把图片上传到独立图片服务器的方法
- Flex中Image加载图片出错时显示默认图片的几种方法
- yii使用activeFileField控件实现上传文件与图片的方法
- SDWebimage 加载大量图片的时候内存泄露的解决方法(ios自学笔记)
- javscript上传图片前预览的方法setPreViewImage()
- iOS 加载图片选择imageNamed 方法还是 imageWithContentsOfFile?
- 通过js获取上传的图片信息(临时保存路径,名称,大小)然后通过ajax传递给后端的方法
- django 上传图片不能在视图中显示的解决方法
- Android-Universal-Image-Loader图片异步加载类库使用方法
- django上传图片并生成缩略图方法示例
- sd_setImageWithURL加载图片失败原因以及处理方法
- CodeIgniter通过修改.htaccess文件的办法解决加载css js 图片类型文件的方法
- 加载图片的三种方法imageNamed、imageWithContentsOfFile、NSData