主頁(yè) > 知識(shí)庫(kù) > django實(shí)現(xiàn)圖片上傳數(shù)據(jù)庫(kù)并顯示

django實(shí)現(xiàn)圖片上傳數(shù)據(jù)庫(kù)并顯示

熱門標(biāo)簽:地圖標(biāo)注審核表 百度地圖標(biāo)注沒有了 長(zhǎng)沙高頻外呼系統(tǒng)原理是什么 外呼并發(fā)線路 ai電銷機(jī)器人源碼 西藏房產(chǎn)智能外呼系統(tǒng)要多少錢 ai電話機(jī)器人哪里好 宿遷星美防封電銷卡 湛江智能外呼系統(tǒng)廠家

Django文件上傳,供大家參考,具體內(nèi)容如下

需求

1、完成學(xué)生信息注冊(cè)操作
2、將學(xué)生信息入庫(kù)
3、將上傳文件存放至項(xiàng)目下media文件夾下
4、顯示所有學(xué)生信息

創(chuàng)建模型類

class Student(models.Model):
    sno = models.AutoField(primary_key=True)
    sname = models.CharField(max_length=30)
    photo = models.ImageField(upload_to='imgs')
    !--內(nèi)部類寫法 數(shù)據(jù)庫(kù)中的名字-->
    class Meta:
        db_table = 't_stu'

    def __str__(self):
        return self.sname

settings.py文件中文件上傳相關(guān)設(shè)置

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/'
!--設(shè)置MEDIA_ROOT 默認(rèn)為空  模型類中圖片上傳地址 MEDIA_ROOT+up_load -->
!--BASE_DIR 為項(xiàng)目錄 -->
MEDIA_ROOT = os.path.join(BASE_DIR,'media')

映射數(shù)據(jù)庫(kù)表

#在終端中敲命令
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

#配置路由讀取后臺(tái)上傳文件
from django.views.static import serve
urlpatterns = [
     path('test/',include('test.urls')),

re_path(r'^media/(?Ppath>.*)/$', serve, {"document_root": MEDIA_ROOT}),
#server 視圖函數(shù) 將MEDIA的路徑和正則匹配的模板路徑 顯示圖片

子路由

from django.urls import path

from test import views


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

]

創(chuàng)建視圖

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處理自動(dòng)獲取請(qǐng)求方式-->
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','')
        !--進(jìn)行校驗(yàn) 將文件名的后綴字符串分割 判斷-->
        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('注冊(cè)成功')
        else:
            return HttpResponseRedirect('/test/test/')


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

創(chuàng)建模板

templates/index.html 注冊(cè)界面

!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="注冊(cè)">
    /form>
/body>
/html>

show.html 顯示數(shù)據(jù) 加載圖片

!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 >編號(hào)/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>

以上就是本文的全部?jī)?nèi)容,希望對(duì)大家的學(xué)習(xí)有所幫助,也希望大家多多支持腳本之家。

您可能感興趣的文章:
  • Django 實(shí)現(xiàn)圖片上傳和下載功能
  • Django實(shí)現(xiàn)圖片上傳功能步驟解析
  • 在django中圖片上傳的格式校驗(yàn)及大小方法
  • django mysql數(shù)據(jù)庫(kù)及圖片上傳接口詳解
  • Django 實(shí)現(xiàn)圖片上傳和顯示過程詳解
  • Django框架文件上傳與自定義圖片上傳路徑、上傳文件名操作分析
  • django將圖片上傳數(shù)據(jù)庫(kù)后在前端顯式的方法
  • Django后臺(tái)獲取前端post上傳的文件方法
  • 利用django如何解析用戶上傳的excel文件
  • Python+django實(shí)現(xiàn)文件上傳

標(biāo)簽:寧夏 漯河 大同 盤錦 海南 林芝 普洱 南平

巨人網(wǎng)絡(luò)通訊聲明:本文標(biāo)題《django實(shí)現(xiàn)圖片上傳數(shù)據(jù)庫(kù)并顯示》,本文關(guān)鍵詞  django,實(shí)現(xiàn),圖片,上傳,數(shù)據(jù)庫(kù),;如發(fā)現(xiàn)本文內(nèi)容存在版權(quán)問題,煩請(qǐng)?zhí)峁┫嚓P(guān)信息告之我們,我們將及時(shí)溝通與處理。本站內(nèi)容系統(tǒng)采集于網(wǎng)絡(luò),涉及言論、版權(quán)與本站無(wú)關(guān)。
  • 相關(guān)文章
  • 下面列出與本文章《django實(shí)現(xiàn)圖片上傳數(shù)據(jù)庫(kù)并顯示》相關(guān)的同類信息!
  • 本頁(yè)收集關(guān)于django實(shí)現(xiàn)圖片上傳數(shù)據(jù)庫(kù)并顯示的相關(guān)信息資訊供網(wǎng)民參考!
  • 推薦文章