配置django图片上传与保存展示

近来在研究django,发现有好多好玩的功能,比如图片上传,以前处理这个比较麻烦,现在我们来看看如何来处理图片上传与保存

1.在数据库设计的时候需要配置upload_to

image = models.ImageField(upload_to="org/%Y/%m", verbose_name=u"Logo", max_length=100)

2.在settings.py中配置media

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

3.在项目目录下建立一个media目录

4.可以使用后台进行上传

5.配置前端页面显示

1.在urls.py中导入以下模块

from django.views.static import serve
from zxPython.settings import MEDIA_ROOT
 
 
 
在url中配置以下url
  #配置上传文件图片的访问处理函数
    url(r'^media/(?P<path>.*)$',serve,{"document_root":MEDIA_ROOT}),

2.在settings.py的TEMPLATES中添加一个Media

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',
                'django.template.context_processors.media',  #以前叫core
 
            ],
        },
    },
]

3.在html标签中中使用

data-url="{{ MEDIA_URL }}{{ org.image }}
#{{ MEDIA_URL }}就是settings里面配的
#org.image 图片字段

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏张戈的专栏

nginx配置文件参数详解

这年头原创技术博文真心难写,不可能每天都有灵感,也不可能每天都出问题。而且技术教程也非常全面,不管是百度一下,你就知道,还是谷歌一把,你就找到,基本要啥有啥,只...

3186
来自专栏Python攻城狮

itchat库初探--微信好友全头像的拼接

如果安装python的时候pip安装选项没打√ ,就先安装pip。 Python和pip的安装

612
来自专栏VMCloud

【 VMCloud 】 云平台进阶篇 Monitor 监控

终于到了这一篇,从数据层到应用层都是完全基于QCloud平台优化,完全将微软系应用架构搬到了国内云平台上,也算是国内第一例了。

2040
来自专栏CodingToDie

使用Vue完成前后端分离开发Spring,Django,Flask(一)

本篇题为 使用Vue,Spring Boot,Flask,Django 完成Vue前后端分离开发 将通过一个项目整合(一前端项目对应三个后端项目),完成一个简单...

2542
来自专栏简书专栏

Python数据持久化-mysql篇

pymysql模块对python3的支持比较好 安装命令:pip install pymysql

823
来自专栏张戈的专栏

解决Nginx Helper插件一键清理缓存功能导致网站打不开问题

5 月份,张戈博客分享了一篇《Nginx 开启 fastcgi_cache 缓存加速,支持 html 伪静态页面》的文章。文中也提到了 WordPress 有一...

3569
来自专栏张善友的专栏

Office Web Apps

Office Web Apps 将为 Word、Excel、PowerPoint 乃至 OneNote 的桌面版本提供基于 Web 的版本。当然,在 Web 上...

22310
来自专栏雪胖纸的玩蛇日常

django 配置media 存放调用 图片、图标等文件

2128
来自专栏图像识别与深度学习

64位Win10系统配置IIS 7.0+PHP+Mysql

1857
来自专栏张戈的专栏

结合VBS,实现批处理自动以管理员身份执行

这是我在百度回答知友时写的,用于自动以管理员身份执行命令或程序→百度原址 批处理代码,功能:自动以管理员身份执行 test.exe: start admin.v...

41414

扫码关注云+社区