django实现图片上传数据库并显示
程序员文章站
2022-03-29 23:52:50
django文件上传，供大家参考，具体内容如下需求1、完成学生信息注册操作2、将学生信息入库3、将上传文件存放至项目下media文件夹下4、显示所有学生信息创建模型类class student(mod...
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 默认为空 模型类中图片上传地址 media_root+up_load -->
<!--base_dir 为项目录 -->
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
<!--通过as_view处理自动获取请求方式-->
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>
<!--读取photo的路径 在主路由访问 通过server处理并显示-->
</tr>
{% endfor %}
</table>
</body>
</html>
以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持。