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数据类型详解(二)列表
May 08 Python
Python匹配中文的正则表达式
May 11 Python
python实现换位加密算法的示例
Oct 14 Python
python 用下标截取字符串的实例
Dec 25 Python
在Python 中同一个类两个函数间变量的调用方法
Jan 31 Python
python各类经纬度转换的实例代码
Aug 08 Python
TensorFlow2.0:张量的合并与分割实例
Jan 19 Python
Selenium基于PIL实现拼接滚动截图
Apr 10 Python
Django-simple-captcha验证码包使用方法详解
Nov 28 Python
使用Python通过oBIX协议访问Niagara数据的示例
Dec 04 Python
pytorch 一行代码查看网络参数总量的实现
May 12 Python
Python scrapy爬取起点中文网小说榜单
Jun 13 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
mysql5的sql文件导入到mysql4的方法
2008/10/19 PHP
腾讯QQ微博API接口获取微博内容
2013/10/30 PHP
php实现图片添加水印功能
2014/02/13 PHP
PHP 在数组中搜索给定的简单实例 array_search 函数
2016/06/13 PHP
PHP MYSQL简易交互式站点开发
2016/12/27 PHP
Yii2使用表单上传文件的实例代码
2017/08/03 PHP
Yii2框架类自动加载机制实例分析
2018/05/02 PHP
php 与 nginx 的处理方式及nginx与php-fpm通信的两种方式
2018/09/28 PHP
JS 有名函数表达式全面解析
2010/03/19 Javascript
javascript模版引擎-tmpl的bug修复与性能优化分析
2011/10/23 Javascript
javascript的回调函数应用示例
2014/02/20 Javascript
jQuery实现的Div窗口震动特效
2014/06/09 Javascript
全面解析Bootstrap排版使用方法(标题)
2015/11/30 Javascript
seajs模块之间依赖的加载以及模块的执行
2016/10/21 Javascript
vue父子组件的数据传递示例
2017/03/07 Javascript
React Native如何消除启动时白屏的方法
2017/08/08 Javascript
JavaScript继承与聚合实例详解
2019/01/22 Javascript
解决微信小程序云开发中获取数据库的内容为空的方法
2019/05/15 Javascript
vue 出现data-v-xxx的原因及解决
2020/08/04 Javascript
ant design的table组件实现全选功能以及自定义分页
2020/11/17 Javascript
Python正则表达式完全指南
2017/05/25 Python
详解Python Matplot中文显示完美解决方案
2019/03/07 Python
用Pytorch训练CNN(数据集MNIST,使用GPU的方法)
2019/08/19 Python
python如何使用Redis构建分布式锁
2020/01/16 Python
keras.utils.to_categorical和one hot格式解析
2020/07/02 Python
聊聊python中的循环遍历
2020/09/07 Python
Python爬虫教程知识点总结
2020/10/19 Python
经典的班主任推荐信
2013/10/28 职场文书
个人简历自我评价范文
2014/02/04 职场文书
房屋转让协议书范本
2014/04/11 职场文书
保险公司开门红口号
2014/06/21 职场文书
法院授权委托书范文
2014/08/02 职场文书
科学发展观活动总结
2014/08/28 职场文书
盘点2020年适合农村地区创业的项目
2019/10/16 职场文书
一文了解JavaScript用Element Traversal新属性遍历子元素
2021/11/27 Javascript
pytorch实现加载保存查看checkpoint文件
2022/07/15 Python