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 默认为空 模型类中图片上传地址 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>
以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持我们。
相关推荐
-
Django 实现图片上传和显示过程详解
第1章 新建工程和创建app 新建工程和创建app就不用贴出来了,我这里是测试图片上传的功能能否实现,所以项目都是新的,正常在以有的app下就可以 第2章 模型层: 2.1创建数据库 from django.dbimport models # Create your models here. class User(models.Model): name= models.CharField(max_length=50) # upload_to 指定上传文件位置 # 这里指定存放在img/ 目录下
-
django将图片上传数据库后在前端显式的方法
1.使用ImageField先安装pillow模块 pip install pillow 2.在app的models中设置 class Image(models.Model): pic_name=models.CharField('图片',max_length=40) pic_path=models.ImageField(upload_to="pic_folder/",default='pic_folder/None/no_image.pig') 3.在app的view中设置获取图片的
-
Python+django实现文件上传
1.文件上传(input标签) (1)html代码(form表单用post方法提交) <input class="btn btn-primary col-md-1" style="margin:0px 15px 25px 15px;" id="submitForm" type="button" value="提交" /> <form id="picture_form"
-
在django中图片上传的格式校验及大小方法
如下所示: Uploadfiles = request.FILES.get('参数', '') for i in Uploadfiles : # 图片大小的属性 i.size suffix = os.path.splitext(i.name)[1] if not suffix: return False elif suffix.lower() == '.jpeg' or suffix.lower() == ".png" or suffix.lower() == ".jpg&q
-
Django实现图片上传功能步骤解析
1.首先是html页面的form表单的三大属性,action是提交到哪,method是提交方式,enctype只要有图片上传就要加这个属性 Django框架自带csrf_token ,所以需要在前端页面也生成csrf_token字符串,来验证真实客户 <form action="/pic_upload/" method="POST" enctype="multipart/form-data"> {% csrf_token %} <
-
Django框架文件上传与自定义图片上传路径、上传文件名操作分析
本文实例讲述了Django框架文件上传与自定义图片上传路径.上传文件名操作.分享给大家供大家参考,具体如下: 文件上传 1.创建上传文件夹 在static文件夹下创建uploads用于存储接收上传的文件 在settings中配置, MEDIA_ROOT=os.path.join(BASE_DIR,r'static/uploads') 2.定义上传表单 <form action="{% url 'app:do_upload' %}" method="post"
-
Django后台获取前端post上传的文件方法
由于初学Django所以对于其特有的表单模板和models中的filefiled并不是特别熟悉.因此在本次开发中还是依照以往自己在html中写好图片提交表单: 注意在<form>表单的定义中一定要加上enctype＝ "multipart/form-data"属性,否则后台可能会取不到文件. 在form表单后一定要有{% csrf_token %} 我们在控制页面可以看到,当我们通过这样的表单进行提交后,FILES一栏中会有一个文件. 我们可以在views.py中通过 im
-
django mysql数据库及图片上传接口详解
前言 我们在 django-rest-framework解析请求参数 文章中完成了接口文档到参数解析, 一个完整的流程中还缺少对数据库的操作. 本篇内容为django连接数据库, 并编写一个image表用来存储图片路径, 编写图片上传接口和查看数据库中所有图片路径的接口. 前期准备 django操作图片需要安装一个三方库叫做,Pillow workon python35 pip install pillow pip install pymysql Pillow这个库可以对图片进行操作, 例如生成
-
利用django如何解析用户上传的excel文件
前言 我们在工作中的时候,会有这种需求:用户上传一个格式固定excel表格到网站上,然后程序负债解析内容并进行处理.我最近在工作中就遇到了,所以想着将解决的过程总结分享出来,方便大家参考学习,下面话不多说,来一起看看详细的介绍: 举一个简单的栗子,比如我们有这样一个HTML: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> </head> <body> &l
-
Django 实现图片上传和下载功能
原生上传图片方式 #新建工程 python manage.py startapp test30 #修改 settings.py INSTALLED_APPS = [ 'django.contrib.admin', 'django.contrib.auth', 'django.contrib.contenttypes', 'django.contrib.sessions', 'django.contrib.messages', 'django.contrib.staticfiles', 'stu'