這篇文章主要介紹“django怎么實現圖片上傳到數據庫并顯示”，在日常操作中，相信很多人在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怎么實現圖片上傳到數據庫并顯示”的學習就結束了，希望能夠解決大家的疑惑。理論與實踐的搭配能更好的幫助大家學習，快去試試吧！若想繼續學習更多相關知識，請繼續關注億速云網站，小編會繼續努力為大家帶來更多實用的文章！
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
