配置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 条评论
登录 后参与评论

相关文章

来自专栏破晓之歌

Django+Vue部署 原

M(Django) + C(Django) + MVVM (Vue.js) = M + MVVM + C = MMVVMC

1433
来自专栏知识分享

9-开发板接入小五物联实现远程控制(Wi-Fi模块)

这一节为教程最终版功能演示,现在不必深究,早晚自己全部都会实现的(静静的跟着我学哈)

1672
来自专栏散尽浮华

rsync同步时,删除目标目录比源目录多余文件的方法(--delete)

在日常运维工作中,我们经常用到rsync这个同步神器。有时在同步两个目录时,会要求删除目标目录中比源目录多出的文件,这种情况下,就可用到rsync的--dele...

3956
来自专栏糊一笑

react脚手架改造(react/react-router/redux/eslint/karam/immutable/es6/webpack/Redux DevTools)

公司突然组织需要重新搭建一个基于node的论坛系统,前端采用react,上网找了一些脚手架,或多或少不能满足自己的需求,最终在基于YeoMan的react脚手架...

3445
来自专栏Python小屋

使用Python实现电子邮件群发功能

在某些应用中,可能会需要由管理员给所有用法群发电子邮件,或者类似的应用。本文代码使用Python详细模拟了这个过程。 import email from ema...

82413
来自专栏流柯技术学院

centos6配置vnc登录远程物理机及vb复制vdi启动虚拟机网络问题

2、启动VNC服务 # vncserver You will require a password to access your desktops. Passw...

1272
来自专栏自然语言处理

Anaconda+Sublime搭建机器学习开发环境

1 安装Anaconda集成环境,Anaconda下载,安装下一步一路安装结束。(无需环境变量配置),配置完成后,查看是否成功。

852
来自专栏Script Boy (CN-SIMO)

连接远程数据库ORACLE11g,错误百出!

首先,我已经提前在虚拟机上配置了windows2008+oracle11g,为什么用server2008呢?我没有别的,win10做虚拟机觉得不太好,win7镜...

1060
来自专栏数据之美

使用 django-blog-zinnia 搭建个人博客

django-blog-zinnia 虽然小巧,但是具备了个人博客应用的全部基础功能,且具有很高的拓展性,并且开箱即用。以下是官方列出的一些特性: 评论 站...

2899
来自专栏耕耘实录

Oracle 11gR2 中使用expdp导出数据

版权声明:本文为耕耘实录原创文章,各大自媒体平台同步更新。欢迎转载,转载请注明出处,谢谢。

1193

扫码关注云+社区