1. 程式人生 > >django實戰(三)實現簡單的檔案上傳功能

django實戰(三)實現簡單的檔案上傳功能

今天利用Django實現一個簡單的檔案上傳功能。各種軟體版本:Django:1.10.2+Python3.6+pycharm2016.1.4。
實現步驟:
1)建立專案Django_upload:django-admin startproject Django_upload;建立app:cd Django_upload;python manage.py startapp blog。

2)設計模型(M)
這裡的模型只包括了兩個屬性:使用者名稱(即誰上傳了該檔案);檔名。具體形式如下所示:
#coding=utf-8
from __future__ import unicode_literals
from
django.db import models class NormalUser(models.Model): username=models.CharField('使用者名稱',max_length=30) #使用者名稱 headImg=models.FileField('檔案',upload_to='./upload')#檔名 def __str__(self): return self.username class Meta: ordering=['username']#排序風格username

同步資料庫:Python manage.py makemigrations
python manage.py migrate
3)設計檢視(V)
view.py:

#coding=utf-8
from django.shortcuts import render,render_to_response
from django import forms
from django.http import HttpResponse
from blog.models import *

# Create your views here.
class NormalUserForm(forms.Form):
    #form的定義和model類的定義很像
    username=forms.CharField()
    headImg=forms.FileField()
#在View中使用已定義的Form方法
def registerNormalUser(request): #剛顯示時呼叫GET方法 if request.method=="POST": uf = NormalUserForm(request.POST,request.FILES)#剛顯示時,例項化表單(是否有資料) if uf.is_valid():#驗證資料是否合法,當合法時可以使用cleaned_data屬性。 #用來得到經過'clean'格式化的資料,會所提交過來的資料轉化成合適的Python的型別。 username = uf.cleaned_data['username'] headImg = uf.cleaned_data['headImg'] #write in database normalUser=NormalUser()#例項化NormalUser物件 normalUser.username = username normalUser.headImg = headImg normalUser.save()#儲存到資料庫表中 return HttpResponse('Upload Succeed!')#重定向顯示內容(跳轉後內容) else: uf=NormalUserForm()#剛顯示時,例項化空表單 return render(request,'register.html',{'uf':uf})#只有剛顯示時才起作用

配置urls.py:

from django.conf.urls import url
from django.contrib import admin
from blog.views import *
urlpatterns = [
    url(r'^admin/', admin.site.urls),
    url(r'^register/$',registerNormalUser),
]
4)設計模板與表單(T)templates/register.html
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Register</title>
</head>
<body>
<h2 align="center">Register</h2>
<form method="POST" enctype="multipart/form-data">
    {% csrf_token %}
    {{ uf.as_p }}
    <input type="submit" value="Submit">
</form>
</body>
</html>
在這裡,表單方法為POST,enctype=”multipart/form-data”:表單資料被編碼為一條訊息。(一般用於傳輸二進位制檔案(圖片、視訊))
{% csrf_token %}: 跨域請求,我們需要在表單標籤的內部加上這個模板標籤,而且要在views.py中配合render不是render_to_response來實現。
{{ uf.as_p }}:這樣一次性可以把表單裡的所有欄位給顯示處理

顯示結果:
上傳
提交表單後:
提交表單

補充form顯示單個元素:

{{ field.label_tag }}: {{ field }}
比如我的form有個qq欄位。那麼就是這樣寫:
{{ form.qq.label_tag }}#表示在form 裡面定義這個欄位的名稱
{{ form.qq }}#根據這個欄位在form定義的型別來決定。假設是char型別。那就是文字框
{{ form.qq.errors.as_text }}表示如果表單欄位驗證失敗的話,這個代表錯誤資訊
{{ form.qq.help_text }}如果你在form裡定義了這個欄位的幫助資訊的話,就會在這裡顯示了