用代码示例解析Django如何实现后台上传并显示图片

2024-12-16 技术教程

这篇文章主要用代码示例解析Django如何实现后台上传并显示图片，内容简而易懂，希望大家可以学习一下，学习完之后肯定会有收获的，下面让小编带大家一起来看看吧。

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 settingMEDIA_ROOT = os.path.join(BASE_DIR, 'media').replace("\\", "/")MEDIA_URL = '/media/'

urls.py

from django.contrib import adminfrom django.urls import path,includefrom django.conf.urls.static import staticfrom django.conf import settingsurlpatterns = [ 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 modelsclass 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 adminfrom .models import *# Register your models here.admin.site.register(User)

urls.py

from django.contrib import adminfrom django.urls import path, register_converter, re_pathfrom . import viewsurlpatterns = [ path('', views.index, name='index'), # 上传首页]

views.py

from django.shortcuts import renderfrom .models import Userfrom 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