Django实现后台上传并显示图片功能


Posted in Python onMay 29, 2020

1.安装pillow

pip install Pillow

2.创建app

python manage.py startapp upload

3. project设定

settings.py

INSTALLED_APPS = [
 'django.contrib.admin',
 'django.contrib.auth',
 'django.contrib.contenttypes',
 'django.contrib.sessions',
 'django.contrib.messages',
 'django.contrib.staticfiles',
 'upload.apps.MyuploadConfig', #add this
]

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' #add this
   ],
  },
 },
]

#picture path setting
MEDIA_ROOT = os.path.join(BASE_DIR, 'media').replace("\\", "/")
MEDIA_URL = '/media/'

urls.py

from django.contrib import admin
from django.urls import path,include
from django.conf.urls.static import static
from django.conf import settings


urlpatterns = [
 path('admin/', admin.site.urls),
 path('', views.index),
 path('upload/', include(('myupload.urls', 'myupload'), namespace='myupload')), # add uppoad urls
] + static(settings.MEDIA_URL, document_root=settings.MEDIA_ROOT)      #add image path

4. app 设定

models.py

from django.db import models

class User(models.Model):
 name = models.CharField(verbose_name='姓名', max_length=10)
 avator = models.ImageField(verbose_name='头像', upload_to='upload/%Y/%m/%d')

admin.py

from django.contrib import admin
from .models import *

# Register your models here.
admin.site.register(User)

urls.py

from django.contrib import admin
from django.urls import path, register_converter, re_path
from . import views

urlpatterns = [
 path('', views.index, name='index'), # 上传首页
]

views.py

from django.shortcuts import render
from .models import User
from django.http import HttpResponse

# Create your views here.
def index(request):
 users = User.objects.all()return render(request, 'upload/index.html', locals())

5 . 前台设定

project 目录下 templates/upload/index.html

----------------------------------------------------------------------------------------

<!DOCTYPE html>
<html lang="en">
<head>
 <meta charset="UTF-8">
 <title>Title</title>
</head>
<body>
<ul>
 {% for user in users%}
  <li>{{ user.name }}</li>
  <li><img src="{{ MEDIA_URL }}{{ user.avator }}" alt=""></li>
 {% endfor %}
</ul>
</body>
</html>

6. migraiton

python manage.py makemigrations
python manage.py migrate
python manage.py createsuperuser
python manage runserver 0.0.0.0:8000

7.进行管理后台上传user 图片http://localhost:8000/admin

8.显示 http://localhost:8000/upload/

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持三水点靠木。

Python 相关文章推荐
python实现网站的模拟登录
Jan 04 Python
Python爬取京东的商品分类与链接
Aug 26 Python
python将文本分每两行一组并保存到文件
Mar 19 Python
浅谈django orm 优化
Aug 18 Python
对Python+opencv将图片生成视频的实例详解
Jan 08 Python
python框架flask入门之环境搭建及开启调试
Jun 07 Python
python中线程和进程有何区别
Jun 17 Python
Python远程方法调用实现过程解析
Jul 28 Python
Node.js 和 Python之间该选择哪个?
Aug 05 Python
教你怎么用Python selenium操作浏览器对象的基础API
Jun 23 Python
Python初识逻辑与if语句及用法大全
Aug 07 Python
什么是Python装饰器?如何定义和使用?
Apr 11 Python
Python分析微信好友性别比例和省份城市分布比例的方法示例【基于itchat模块】
May 29 #Python
Python基于smtplib模块发送邮件代码实例
May 29 #Python
Django通过json格式收集主机信息
May 29 #Python
Python小白不正确的使用类变量实例
May 29 #Python
python小白切忌乱用表达式
May 29 #Python
Python爬虫实现百度翻译功能过程详解
May 29 #Python
Django中的模型类设计及展示示例详解
May 29 #Python
You might like
实用的PHP带公钥加密类分享(每次加密结果都不一样哦)
2014/08/20 PHP
php实现根据字符串生成对应数组的方法
2014/09/22 PHP
thinkPHP简单遍历数组方法分析
2016/05/16 PHP
[原创]js获取数组任意个不重复的随机数组元素
2010/03/15 Javascript
用js实现判断当前网址的来路如果不是指定的来路就跳转到指定页面
2011/05/02 Javascript
javascript拖拽上传类库DropzoneJS使用方法
2013/12/05 Javascript
Javascript 数组排序详解
2014/10/22 Javascript
详解Bootstrap glyphicons字体图标
2016/01/04 Javascript
实用jquery操作表单元素的简单代码
2016/07/04 Javascript
javascript中使用未定义变量或值的情况分析
2016/07/19 Javascript
Jquery实现跨域异步上传文件总结
2017/02/03 Javascript
es6数组includes()用法实例分析
2020/04/18 Javascript
vue监听键盘事件的相关总结
2021/01/29 Vue.js
[59:48]DOTA2-DPC中国联赛 正赛 VG vs Magma BO3 第一场 1月26日
2021/03/11 DOTA
Python实现比较两个文件夹中代码变化的方法
2015/07/10 Python
简单谈谈Python的pycurl模块
2018/04/07 Python
基于numpy.random.randn()与rand()的区别详解
2018/04/17 Python
Python爬虫框架Scrapy常用命令总结
2018/07/26 Python
学习和使用python的13个理由
2019/07/30 Python
最小二乘法及其python实现详解
2020/02/24 Python
django 扩展user用户字段inlines方式
2020/03/30 Python
python实现程序重启和系统重启方式
2020/04/16 Python
Python脚本实现监听服务器的思路代码详解
2020/05/28 Python
python 用Matplotlib作图中有多个Y轴
2020/11/28 Python
西班牙品牌鞋子、服装和配饰在线商店:Esdemarca
2021/02/17 全球购物
Shell编程面试题
2012/05/30 面试题
劳资人员岗位职责
2013/12/19 职场文书
公司中层干部的自我评价分享
2014/03/01 职场文书
2014年公务员思想汇报范文:全心全意为人民服务
2014/03/06 职场文书
美术社团活动总结
2014/06/27 职场文书
幼儿教师师德师风自我评价
2015/03/05 职场文书
2015年万圣节活动总结
2015/03/24 职场文书
我是特种兵观后感
2015/06/11 职场文书
2016年教师党员创先争优承诺书
2016/03/24 职场文书
Python常用配置文件ini、json、yaml读写总结
2021/07/09 Python
MySQL读取JSON转换的方式
2022/03/18 MySQL