广告
返回顶部
首页 > 资讯 > 后端开发 > Python >django实现图片上传数据库并显示
  • 491
分享到

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

2024-04-02 19:04:59 491人浏览 八月长安

Python 官方文档:入门教程 => 点击学习

摘要

Django文件上传,供大家参考,具体内容如下 需求 1、完成学生信息注册操作 2、将学生信息入库 3、将上传文件存放至项目下media文件夹下 4、显示所有学生信息 创建模型类

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>

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持编程网。

--结束END--

本文标题: django实现图片上传数据库并显示

本文链接: https://www.lsjlt.com/news/133493.html(转载时请注明来源链接)

有问题或投稿请发送至: 邮箱/279061341@qq.com    QQ/279061341

本篇文章演示代码以及资料文档资料下载

下载Word文档到电脑,方便收藏和打印~

下载Word文档
猜你喜欢
  • django实现图片上传数据库并显示
    Django文件上传,供大家参考,具体内容如下 需求 1、完成学生信息注册操作 2、将学生信息入库 3、将上传文件存放至项目下media文件夹下 4、显示所有学生信息 创建模型类 ...
    99+
    2022-11-12
  • 怎么用Springboot+vue实现图片上传至数据库并显示
    今天小编给大家分享一下怎么用Springboot+vue实现图片上传至数据库并显示的相关知识点,内容详细,逻辑清晰,相信大部分人都还太了解这方面的知识,所以分享这篇文章给大家参考一下,希望大家阅读完这篇文章后有所收获,下面我们一起来了解一下...
    99+
    2023-07-06
  • 基于Springboot+vue如何实现图片上传至数据库并显示
    这篇文章主要讲解了“基于Springboot+vue如何实现图片上传至数据库并显示”,文中的讲解内容简单清晰,易于学习与理解,下面请大家跟着小编的思路慢慢深入,一起来研究和学习“基于Springboot+vue如何实现图片上传至数据库并显示...
    99+
    2023-07-06
  • java怎么实现图片上传并显示
    在Java中实现图片上传并显示的一种常见的方法是使用Servlet和JSP。下面是一个简单的示例代码: 创建一个Servlet类来...
    99+
    2023-10-24
    java
  • php怎么上传图片并显示图片
    在PHP中,可以使用`$_FILES`数组来处理上传的文件。以下是一个简单的示例代码,演示了如何上传图片并显示图片:```上传图片`...
    99+
    2023-10-11
    php
  • 利用Springboot+vue实现图片上传至数据库并显示的全过程
    目录一、前端设置二、后端代码1.建立数据库2.实体类、Mapper3.接受请求,回传数据三、显示图片1.后端配置2.前端配置总结一、前端设置 前端是Vue + Element-UI ...
    99+
    2023-05-15
    Springboot vue图片上传至数据库并显示 springboot vue项目 springboot vue图片上传
  • ajax如何上传图片到PHP并压缩图片显示
    本篇内容主要讲解“ajax如何上传图片到PHP并压缩图片显示”,感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷,实用性强。下面就让小编来带大家学习“ajax如何上传图片到PHP并压缩图片显示”吧!HTML代码<div i...
    99+
    2023-06-08
  • Django实现上传图片功能
    本文实例为大家分享了Django实现上传图片的具体代码,供大家参考,具体内容如下 1.设置存放上传的图片的文件夹 settings.py MEDIA_ROOT = os.path...
    99+
    2022-11-12
  • Spring Boot 实现图片上传并回显功能
    一、常规形式 1 项目结构 2 配置文件及环境设置 (1)配置文件 # 应用服务 WEB 访问端口 server.port=8080 # spring 静态资源扫描路径 spr...
    99+
    2022-11-12
  • element-ui如何实现上传图片后清空图片显示
    这篇文章主要为大家展示了“element-ui如何实现上传图片后清空图片显示”,内容简而易懂,条理清晰,希望能够帮助大家解决疑惑,下面让小编带领大家一起研究并学习一下“element-ui如何实现上传图片后...
    99+
    2022-10-19
  • VUE如何实现选择上传图片并页面显示功能
    这篇文章给大家分享的是有关VUE如何实现选择上传图片并页面显示功能的内容。小编觉得挺实用的,因此分享给大家做个参考,一起跟随小编过来看看吧。基于VUE选择上传图片并在页面显示,图片可删除,具体内容如下dem...
    99+
    2022-10-19
  • jsp怎么获取数据库图片并显示
    要在JSP中获取数据库中的图片并显示,可以按照以下步骤进行操作:1. 在JSP页面中引入数据库连接的相关代码,确保能够连接到数据库。...
    99+
    2023-08-15
    jsp 数据库
  • Node.js如何实现图片上传和显示方法
    小编给大家分享一下Node.js如何实现图片上传和显示方法,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获,下面让我们一起去了解一下吧!具体如下:index.j...
    99+
    2022-10-19
  • 基于SpringBoot实现图片上传及图片回显
    目录数据库脚本框架搭建pom.xml 依赖配置文件实体类DAOService文件上传添加页面控制器列表页面运行测试问题全局异常处理1. @ControllerAdvice + @Ex...
    99+
    2022-11-13
  • php如何上传图片并保存到数据库
    要上传图片并保存到数据库,需要先创建一个表来存储图片的相关信息,包括图片的文件名、文件类型、文件大小等。然后使用PHP的文件上传功能...
    99+
    2023-10-11
    php
  • SpringBoot2.0实现多图片上传加回显
    目录上传效果展示配置上传图片的属性异常处理遇到的坑完整代码地址 这两天公司有需求让做一个商户注册的后台功能,其中需要商户上传多张图片并回显。由于之前没做过这方面的东西,此篇文章用以记...
    99+
    2022-11-12
  • spring boot实现上传图片并在页面上显示及遇到的问题小结
    最近在使用spring boot搭建网站的过程之中遇到了这样一个问题:用户注册时需要上传一个属于自己的头像,注册成功之后跳转到个人中心,在个人中心中显示用户信息.其中在显示头像的时候遇到了问题:上传头像的时候,我把头像存放到了项目文件下的s...
    99+
    2023-05-30
    spring boot 上传
  • Django Admin实现上传图片校验功能
    Django 为未来的开发人员提供了许多功能:一个成熟的标准库,一个活跃的用户社区,以及 Python 语言的所有好处。虽然其他 Web 框架也声称能提供同样的内容,但 Django 的独特之处在于它内置...
    99+
    2022-06-04
    上传图片 功能 Django
  • django怎么实现数据上传到数据库
    Django提供了多种方法将数据上传到数据库,以下是其中的一种常用方法:1. 定义数据库模型:首先需要在models.py文件中定义...
    99+
    2023-09-26
    django 数据库
  • 发送ajax请求如何实现上传图片显示在网页上
    这篇“发送ajax请求如何实现上传图片显示在网页上”文章的知识点大部分人都不太理解,所以小编给大家总结了以下内容,内容详细,步骤清晰,具有一定的借鉴价值,希望大家阅读完这篇文章能有所收获,下面我们一起来看看...
    99+
    2022-10-19
软考高级职称资格查询
编程网,编程工程师的家园,是目前国内优秀的开源技术社区之一,形成了由开源软件库、代码分享、资讯、协作翻译、讨论区和博客等几大频道内容,为IT开发者提供了一个发现、使用、并交流开源技术的平台。
  • 官方手机版

  • 微信公众号

  • 商务合作