django实现图片上传数据库并显示
更新时间:2021年8月25日 00:00 点击:1544
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 def clean()函数对表单中的数据进行验证操作
这篇文章主要介绍了Django def clean()函数对表单中的数据进行验证操作,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧...2020-07-09- PHP代码如下:复制代码 代码如下:if (isset($_FILES["Filedata"]) || !is_uploaded_file($_FILES["Filedata"]["tmp_name"]) || $_FILES["Filedata"]["error"] != 0) { $upload_file = $_FILES['Filedata']; $fil...2013-10-04
- 本案例非通用,仅作笔记以备用 修改后的结果是 百度编辑器里上传的图片路径为/d/file/upload1...2014-07-03
- 这篇文章主要介绍了Java实现将图片上传到webapp路径下 路径获取方式,具有很好的参考价值,希望对大家有所帮助。如有错误或未考虑完全的地方,望不吝赐教...2021-11-12
- 这篇文章主要介绍了在Django中使用MQTT的方法,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧...2021-05-10
解决导入django_filters不成功问题No module named 'django_filter'
这篇文章主要介绍了解决导入django_filters不成功问题No module named 'django_filter',具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧...2020-07-15- 本文主要介绍了Django项目连接MongoDB的三种方法,文中通过示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下...2021-09-27
详解如何使用Docker部署Django+MySQL8开发环境
这篇文章主要介绍了详解如何使用Docker部署Django+MySQL8开发环境,文中通过示例代码以及图文介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面来一起学习学习吧...2020-07-19- upload.php复制代码 代码如下:<?phpif(isset($_FILES["myfile"])){$ret = array();$uploadDir = 'images'.DIRECTORY_SEPARATOR.date("Ymd").DIRECTORY_SEPARATOR;$dir = dirname(__FILE__).DIRECTORY_SEPARATOR.$upl...2014-06-07
- 这篇文章主要介绍了Django 解决由save方法引发的错误,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧...2020-05-21
- 这篇文章主要介绍了django前端页面下拉选择框默认值设置方式,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧...2020-08-10
ASP.NET百度Ueditor编辑器实现上传图片添加水印效果
这篇文章主要给大家介绍了ASP.NET百度Ueditor编辑器1.4.3这个版本实现上传图片添加水印效果的相关资料,文中通过图文及示例代码介绍的非常详细,相信对大家具有一定的参考价值,需要的朋友们下面来一起看看吧。...2021-09-22- 这篇文章主要介绍了django数据模型中null和blank的区别说明,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧...2020-09-03
- 这篇文章主要介绍了Yii框架实现图片上传的方法,结合实例形式较为详细的分析了Yii框架实现图片上传功能的具体步骤与相关操作技巧,需要的朋友可以参考下 本文实例...2017-07-06
- 这款文件上传实用代码,可以方便的上传你指定的文件或图片,同时也可以快速的限制上传图片文件类或大小。 /* * created on 2010-6-21 * * the class for image...2016-11-25
- 这篇文章主要介绍了Django表单外键选项初始化的问题及解决方法,需本文给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,要的朋友可以参考下...2021-04-29
- 这篇文章主要给大家介绍了关于使用AJAX和Django获取数据的相关资料,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧...2020-10-25
- 这篇文章主要介绍了django ajax发送post请求的两种方法,本文通过实例代码给大家介绍的非常详细,具有一定的参考借鉴价值,需要的朋友可以参考下...2020-04-30
Django开发RESTful API实现增删改查(入门级)
这篇文章主要介绍了Django开发RESTful API实现增删改查(入门级),文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧...2021-05-10Django获取model中的字段名和字段的verbose_name方式
这篇文章主要介绍了Django获取model中的字段名和字段的verbose_name方式,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧...2020-05-20