位置：首页>> 网络编程>> 数据库>> django实现图片上传数据库并显示

django实现图片上传数据库并显示

作者：浪荡之徒　　发布时间：2024-01-13 08:52:24　

标签：django,图片上传

Django文件上传，供大家参考，具体内容如下

需求

1、完成学生信息注册操作
2、将学生信息入库
3、将上传文件存放至项目下media文件夹下
4、显示所有学生信息

创建模型类

class Student(models.Model):
sno = models.AutoField(primary_key=True)
sname = models.CharField(max_length=30)
photo = models.ImageField(upload_to='imgs')

class Meta:
db_table = 't_stu'

def __str__(self):
return self.sname

settings.py文件中文件上传相关设置

INSTALLED_APPS = [
...
'stu'
]

DATABASES = {
'default': {
'ENGINE': 'django.db.backends.mysql',
'NAME': 'django22',
'USER': 'root',
'PASSWORD': '123321',
'HOST': '127.0.0.1',
'PORT': '3306',
}
}

MEDIA_URL = '/media/'


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

映射数据库表

#在终端中敲命令
python manage.py makemigrations test
python manage.py migrate

配置URL

主路由

from django.contrib import admin
from django.urls import path, re_path,include

from djurls.settings import MEDIA_ROOT
from stu import urls
from .import views

#配置路由读取后台上传文件
from django.views.static import serve
urlpatterns = [
path('test/',include('test.urls')),

re_path(r'^media/(?P<path>.*)/$', serve, {"document_root": MEDIA_ROOT}),
#server 视图函数将MEDIA的路径和正则匹配的模板路径显示图片

子路由

from django.urls import path

from test import views

urlpatterns = [
path('test/',views.index.as_view()),
path('show/',views.show)

]

创建视图

stu/views.py

import os

from django.http import HttpResponse, HttpResponseRedirect, Http404
from django.shortcuts import render
from django.views import View

from djurls.settings import BASE_DIR
from test.models import Student

class index(View):
def get(self,request):
return render(request,'load.html')
def post(self,request):
name=request.POST.get('sname','')
photo=request.FILES.get('photo','')
age=request.POST.get('age','')

extenedname=photo.name[photo.name.rindex('.')+1:]
allowedname=['jpg','png']
if extenedname not in allowedname:
return Http404()
stu=Student.objects.create(sname=name,age=20,photo=photo)
if stu:
return HttpResponse('注册成功')
else:
return HttpResponseRedirect('/test/test/')

def show(request):
stulist=Student.objects.all()
return render(request,'show.html',{'stulist':stulist})

创建模板

templates/index.html 注册界面

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<form action="/test/test/" method="post" enctype="multipart/form-data">
{％ csrf_token ％}
<p>姓名<input type="text" name="sname"></p>
<p>年龄 <input type="number" name="age"></p>
<p>照片 <input type="file" name="photo"></p>
<input type="submit" value="注册">
</form>
</body>
</html>

show.html 显示数据加载图片

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<table border="1px solid black" cellspacing="0px" width="500px" align="center">

<tr height="100px" align="center">
<td >编号</td>
<td >姓名 </td>
<td >年龄</td>
<td >头像</td>
</tr>
{％ for stu in stulist ％}
<tr height="100px" align="center">
<td >{{ forloop.counter }} </td>
<td >{{ stu.sname }}</td>
<td >{{ stu.age }}</td>
<td ><img src="/media/{{ stu.photo }}" alt=""></td>

</tr>
{％ endfor ％}
</table>
</body>
</html>

来源：https://blog.csdn.net/Chujianlong321/article/details/91985412

投稿

django实现图片上传数据库并显示

需求

猜你喜欢