Django 實現(xiàn)圖片上傳和下載功能
#新建工程 python manage.py startapp test30#修改 settings.pyINSTALLED_APPS = [ ’django.contrib.admin’, ’django.contrib.auth’, ’django.contrib.contenttypes’, ’django.contrib.sessions’, ’django.contrib.messages’, ’django.contrib.staticfiles’, ’stu’]#修改urls.pyfrom django.conf.urls import url, includefrom django.contrib import adminurlpatterns = [ url(r’^admin/’, admin.site.urls), url(r’student/’,include(’stu.urls’)),]#新增加 stu/urls.py #coding:utf-8from django.conf.urls import urlimport viewsurlpatterns = [ url(r’^$’,views.index_view)]#編輯 stu/views.py # -*- coding: utf-8 -*-from __future__ import unicode_literalsfrom django.http import HttpResponsefrom django.shortcuts import render# Create your views here.#原生上傳文件方式def index_view(request): if request.method == ’GET’: return render(request,’index.html’) elif request.method == ’POST’: #獲取請求參數(shù) uname = request.POST.get(’uname’,’’) photo = request.FILES.get(’photo’,’’) print photo.name import os print os.getcwd() if not os.path.exists(’media’): os.mkdir(’media’) #拼接路徑 with open(os.path.join(os.getcwd(),’media’,photo.name),’wb’) as fw: # photo.read() #一次性讀取文件到內(nèi)存 # fw.write(photo.read()) #分塊讀取，性能高 for ck in photo.chunks():fw.write(ck) return HttpResponse(’It is post request,上傳成功’) else: return HttpResponse(’It is not post and get request!’)#新增加模板文件 templates/index.html<!DOCTYPE html><html lang='en'><head> <meta charset='UTF-8'> <title>Title</title></head><body><form action='/student/' method='post' enctype='multipart/form-data'> {% csrf_token %} <p> <label for='ua'>姓名: </label> <input type='text' name='uname' /> </p> <p> <label for='ph'>頭像: </label> <input type='file' name='photo' /> </p> <p>      <input type='submit' value='注冊'/> </p></form></body></html>#效果如下:訪問: http://127.0.0.1:8000/student/
需求：效果: 訪問 http://127.0.0.1:8000/student/ 通過注冊將姓名、頭像地址傳入數(shù)據(jù)庫中；訪問 http://127.0.0.1:8000/student/showall 將數(shù)據(jù)庫信息通過表格形式展示###過程#修改 settings.py ，templates 新增加 ’django.template.context_processors.media’TEMPLATES = [ { ’BACKEND’: ’django.template.backends.django.DjangoTemplates’, ’DIRS’: [os.path.join(BASE_DIR, ’templates’)] , ’APP_DIRS’: True, ’OPTIONS’: { ’context_processors’: [’django.template.context_processors.debug’,’django.template.context_processors.request’,’django.contrib.auth.context_processors.auth’,’django.contrib.messages.context_processors.messages’,’django.template.context_processors.media’ ], }, },]末尾增加：# global_settings#指定上傳文件存儲相對路徑（讀取文件）MEDIA_URL = ’/media/’#指定上傳文件存儲絕對路徑（存儲文件）MEDIA_ROOT = os.path.join(BASE_DIR,’media’)#創(chuàng)建數(shù)據(jù)庫模型 stu/models.py# -*- coding: utf-8 -*-from __future__ import unicode_literalsfrom django.db import models# Create your models here.class Student(models.Model): sno = models.AutoField(primary_key=True) sname = models.CharField(max_length=30) photo = models.ImageField(upload_to=’imgs’) def __unicode__(self): return u’Student:%s’%self.sname#生成數(shù)據(jù)庫遷移文件,查看數(shù)據(jù)庫表結(jié)構(gòu)python makemigrations stupython migrate #修改 urls.py 因為顯示問題，增加 DEBUG 內(nèi)容from django.conf.urls import url, includefrom django.contrib import adminfrom test30.settings import DEBUG, MEDIA_ROOTurlpatterns = [ url(r’^admin/’, admin.site.urls), url(r’student/’,include(’stu.urls’)),]from django.views.static import serveif DEBUG: urlpatterns+=url(r’^media/(?P<path>.*)/$’, serve, {'document_root': MEDIA_ROOT}),#修改 urls， stu/urls.py#coding:utf-8from django.conf.urls import urlimport viewsurlpatterns = [ url(r’^$’,views.index_view), url(r’^upload/$’,views.upload_view), url(r’^showall/$’,views.showall_view)]# 修改 stu/views.py#django 上傳文件方式def upload_view(request): uname = request.POST.get(’uname’,’’) photo = request.FILES.get(’photo’,’’) #入庫操作 Student.objects.create(sname=uname,photo=photo) return HttpResponse(’上傳成功!’)#顯示圖片def showall_view(request): stus = Student.objects.all() print stus return render(request,’show.html’,{’stus’:stus})# 修改 index.html<!DOCTYPE html><html lang='en'><head> <meta charset='UTF-8'> <title>Title</title></head><body><form action='/student/upload/' method='post' enctype='multipart/form-data'> {% csrf_token %} <p> <label for='ua'>姓名: </label> <input type='text' name='uname' /> </p> <p> <label for='ph'>頭像: </label> <input type='file' name='photo' /> </p> <p>      <input type='submit' value='注冊'/> </p></form></body></html># 增加模板文件 show.html<!DOCTYPE html><html lang='en'><head> <meta charset='UTF-8'> <title>Title</title></head><body><table border='1' cellspacing='0'> <tr> <th>編號</th> <th>姓名</th> <th>頭像</th> <th>操作</th> </tr> {% for stu in stus %} <tr> <td>{{ forloop.counter }}</td> <td>{{ stu.sname }}</td> <td><img src='http://www.cgvv.com.cn/bcjs/{{ MEDIA_URL }}{{ stu.photo }}'/></td> <td> 下載</td> </tr> {% endfor %}</table></body></html>效果圖：http://127.0.0.1:8000/student/ 注冊實現(xiàn)數(shù)據(jù)庫錄入操作(點擊提交通過index.html 中action='/student/upload/' 將url 轉(zhuǎn)發(fā)至函數(shù)upload_view ，實現(xiàn)上傳功能)http://127.0.0.1:8000/student/showall/ 實現(xiàn)數(shù)據(jù)庫信息展示
### 需求在顯示頁面點擊下載實現(xiàn)圖片的下載功能過程：#修改 show.html ，加入 下載的超鏈接<!DOCTYPE html><html lang='en'><head> <meta charset='UTF-8'> <title>Title</title></head><body><table border='1' cellspacing='0'> <tr> <th>編號</th> <th>姓名</th> <th>頭像</th> <th>操作</th> </tr> {% for stu in stus %} <tr> <td>{{ forloop.counter }}</td> <td>{{ stu.sname }}</td> <td><img src='http://www.cgvv.com.cn/bcjs/{{ MEDIA_URL }}{{ stu.photo }}'/></td> <td><a href='http://www.cgvv.com.cn/student/download/?photo={{ stu.photo }}' rel='external nofollow' >下載</a></td> </tr> {% endfor %}</table></body></html>#因為 show.html href='http://www.cgvv.com.cn/student/download ，所以要修改urls#修改 stu/urls.py,新增加 urlurl(r’^download/$’,views.download_view)#修改 stu/views.pydef download_view(request): # 獲取請求參數(shù)（圖片存儲位置） imgs/5566.jpg photo = request.GET.get(’photo’,’’) print photo # 獲取圖片文件名5566.jpg ; rindex 為字符 ’/’ 在 photo 中最后出現(xiàn)的位置索引；例如 # txt = 'imgs/5566.jpg' # x = txt.rindex('/') # print txt[x + 1:] 輸出結(jié)果為 5566.jpg filename = photo[photo.rindex(’/’)+1:] print filename #開啟一個流 import os path = os.path.join(os.getcwd(),’media’,photo.replace(’/’,’’)) print path with open(path,’rb’) as fr: response = HttpResponse(fr.read()) response[’Content-Type’]=’image/png’ response[’Content-Disposition’] = ’attachment;filename=’ + filename return response#訪問 http://127.0.0.1:8000/student/showall/ ，點擊下載
以上就是Django 實現(xiàn)圖片上傳和下載功能的詳細內(nèi)容，更多關(guān)于Django 圖片上傳和下載的資料請關(guān)注好吧啦網(wǎng)其它相關(guān)文章！
相關(guān)文章：
1. JSP中Servlet的Request與Response的用法與區(qū)別2. IntelliJ IDEA刪除類的方法步驟3. vue cli4下環(huán)境變量和模式示例詳解4. Django視圖類型總結(jié)5. Xml簡介_動力節(jié)點Java學(xué)院整理6. Intellij IDEA 關(guān)閉和開啟自動更新的提示?7. Python Selenium XPath根據(jù)文本內(nèi)容查找元素的方法8. python如何編寫類似nmap的掃描工具9. 解析原生JS getComputedStyle10. javascript使用alert實現(xiàn)一個精美的彈窗
網(wǎng)公網(wǎng)安備