django文件上傳完整示例

Django是一個開放源代碼的Web應用框架,由Python寫成。採用了MVC的軟件設計模式,即模型M,視圖V和控制器C。它最初是被開發來用於管理勞倫斯出版集團旗下的一些以新聞內容爲主的網站的,便是CMS(內容管理系統)軟件。並於2005年7月在BSD許可證下發布。這套框架是以比利時的吉普賽爵士吉他手Django Reinhardt來命名的。php



本文是一個django 實現的完整文件上傳示例代碼,感興趣同窗參考下。html

前言前端

  對於web開來講,用戶登錄、註冊、文件上傳等是最基礎的功能,針對不一樣的web框架,相關的文章很是多,但搜索以後發 現大多都不具備完整性,對於想學習web開發的新手來講就沒辦法一步一步的操做練習;對於web應用來講,包括數據庫的建立,前端頁面的開發,以及中間邏 輯層的處理三部分。python

  本系列以可操做性爲主,介紹如何經過django web框架來實現一些簡單的功能。每一章都具備完整性和獨立性。使用新手在動手作的過程當中體會web開發的過程,過程當中細節請參考相關文檔。linux

什麼是django:web

Django是一個開放源代碼的Web應用框架,由Python寫成。採用了MVC的軟件設計模式,即模型M,視圖V和控制器C。它最初是被開發來用於管理勞倫斯出版集團旗下的一些以新聞內容爲主的網站的,便是CMS(內容管理系統)軟件。並於2005年7月在BSD許可證下發布。這套框架是以比利時的吉普賽爵士吉他手Django Reinhardt來命名的。sql

本操做的環境:數據庫

===================django

deepin linux 2013(基於ubuntu)ubuntu

python 2.7

Django 1.6.2

===================

建立項目與應用                                                                                                              

#建立項目
fnngj@fnngj-H24X:~/djpy$ django-admin.py startproject mysite2
fnngj@fnngj-H24X:~/djpy$ cd mysite2
#在項目下建立一個disk應用
fnngj@fnngj-H24X:~/djpy/mysite2$ python manage.py startapp disk

 目錄結構以下:

1412848616_5490.png

打開mysite2/mysite2/settings.py文件,將disk應用添加進去:

# Application definition

INSTALLED_APPS = (
    'django.contrib.admin',
    'django.contrib.auth',
    'django.contrib.contenttypes',
    'django.contrib.sessions',
    'django.contrib.messages',
    'django.contrib.staticfiles',
    'disk',
)

 

設計Model(數據庫)                                                                          

打開mysite2/disk/models.py文件,添加以下內容

 

from django.db import models

# Create your models here.
class User(models.Model):
    username = models.CharField(max_length = 30)
    headImg = models.FileField(upload_to = './upload/')

    def __unicode__(self):
        return self.username

 

建立兩個字段,username 用戶存放用戶名,headImg 用戶存放上傳文件的路徑。

下面進行數據庫的同步

fnngj@fnngj-H24X:~/djpy/mysite2$ python manage.py syncdb
Creating tables ...
Creating table django_admin_log
Creating table auth_permission
Creating table auth_group_permissions
Creating table auth_group
Creating table auth_user_groups
Creating table auth_user_user_permissions
Creating table auth_user
Creating table django_content_type
Creating table django_session
Creating table disk_user

You just installed Django's auth system, which means you don't have any superusers defined.
Would you like to create one now? (yes/no): yes   輸入yes/no

Username (leave blank to use 'fnngj'):     用戶名(默認當前系統用戶名)
Email address: fnngj@126.com     郵箱地址
Password:    密碼
Password (again):    確認密碼
Superuser created successfully.
Installing custom SQL ...
Installing indexes ...
Installed 0 object(s) from 0 fixture(s)

 

最後生成的 disk_user 表就我是咱們models.py 中所建立的類。Django 提供了他們之間的對應關係。

建立視圖                                                                                                

 

一、打開mysite2/disk/views.py 文件

from django.shortcuts import render,render_to_response

# Create your views here.
def register(request):
    return render_to_response('register.html',{})

 

二、建立註冊頁面

先在mysite2/disk/目錄下建立templates目錄,接着在mysite2/disk/templates/目錄下建立register.html 文件:

<?xml version="1.0" encoding="UTF-8"?> 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <title></title>
</head>
<body>
<h1>register</h1>
</body>
</html>

三、設置模板路徑

打開mysite2/mysite2/settings.py文件,在底部添加:

#template
TEMPLATE_DIRS=(
    '/home/fnngj/djpy/mysite2/disk/templates'
)

 

四、設置URL

from django.conf.urls import patterns, include, url

from django.contrib import admin
admin.autodiscover()

urlpatterns = patterns('',
    # Examples:
    # url(r'^$', 'mysite2.views.home', name='home'),
    # url(r'^blog/', include('blog.urls')),

    url(r'^admin/', include(admin.site.urls)),
    url(r'^disk/', 'disk.views.register'),
)

五、啓動服務

fnngj@fnngj-H24X:~/djpy/mysite2$ python manage.py runserver
Validating models...

0 errors found
May 20, 2014 - 13:49:21
Django version 1.6.2, using settings 'mysite2.settings'
Starting development server at http://127.0.0.1:8000/
Quit the server with CONTROL-C.

六、訪問http://127.0.0.1:8000/disk/

1412848616_9017.png

註冊頁面能夠正常打開說明整個過程已經走通。這也是Django開發的基本套路。讀者必定要熟練理解這個基本套路。

 

完善表單提交                                                                                             

  

  經過上面的過程,咱們只是把過程串了起來,細心你必定發現,咱們的register.html 文件,並無建立用戶提交的表單,views.py文件中也並無對用戶提交的信息作處理。下面咱們就針對這兩個文件進一步的補充。

打開mysite2/disk/templates/register.html 文件:

<?xml version="1.0" encoding="UTF-8"?> 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <title></title>
</head>
<body>
<h1>register</h1>
<form method="post" enctype="multipart/form-data" >
`uf`.`as_p`
<input type="submit" value="ok"/>
</form>
</body>
</html>

 

打開mysite2/disk/views.py 文件:

from django.shortcuts import render,render_to_response
from django import forms
from django.http import HttpResponse
# Create your views here.

class UserForm(forms.Form):
    username = forms.CharField()
    headImg = forms.FileField()

def register(request):
    if request.method == "POST":
        uf = UserForm(request.POST,request.FILES)
        if uf.is_valid():
            return HttpResponse('upload ok!')
    else:
        uf = UserForm()
    return render_to_response('register.html',{'uf':uf})

 

再次刷新http://127.0.0.1:8000/disk/ 頁面

1412848617_8696.png

填寫用戶名,選擇本地上傳文件,點擊「ok」

1412848619_7139.png

拋出一個錯誤,這個錯誤比較友好,因此不是咱們操做過程當中的小錯誤。

 

打開mysite2/mysite2/settings.py文件,將下面一行代碼註釋:

MIDDLEWARE_CLASSES = (
    'django.contrib.sessions.middleware.SessionMiddleware',
    'django.middleware.common.CommonMiddleware',
    #'django.middleware.csrf.CsrfViewMiddleware',
    'django.contrib.auth.middleware.AuthenticationMiddleware',
    'django.contrib.messages.middleware.MessageMiddleware',
    'django.middleware.clickjacking.XFrameOptionsMiddleware',
)

 

再次刷新http://127.0.0.1:8000/disk/ 頁面,咱們就能夠正常將用戶名和文件提交了!

1412848619_6671.png

 

 

將數據寫入數據庫                                                                                 

 

雖然已經實現了數據的提交,但用戶名與文件並無真正的寫入到數據庫。咱們來進一步的完善mysite2/disk/views.py 文件:

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

# Create your views here.
class UserForm(forms.Form):
    username = forms.CharField()
    headImg = forms.FileField()

def register(request):
    if request.method == "POST":
        uf = UserForm(request.POST,request.FILES)
        if uf.is_valid():
            #獲取表單信息
            username = uf.cleaned_data['username']
            headImg = uf.cleaned_data['headImg']
            #寫入數據庫
            user = User()
            user.username = username
            user.headImg = headImg
            user.save()
            return HttpResponse('upload ok!')
    else:
        uf = UserForm()
    return render_to_response('register.html',{'uf':uf})

 

再次刷新http://127.0.0.1:8000/disk/ 頁面,完成文件的上傳。

1412848619_3662.png

在項目的目錄下,咱們竟然發現了用戶提交的文件。

1412848619_3978.png

 

那數據庫中保存的是什麼呢?

 

fnngj@fnngj-H24X:~/djpy/mysite2$ sqlite3 db.sqlite3 
SQLite version 3.7.15.2 2013-01-09 11:53:05
Enter ".help" for instructions
Enter SQL statements terminated with a ";"
sqlite> select * from disk_user;
1 |  Alen   |  upload/desk.jpg
sqlite>

 

經過查看數據庫發現,咱們數據庫中存放的並不是用戶上傳的文件自己,而是文件的存放路徑。

 

OK ,你能夠在此基礎上繼續擴展,例如用戶提交成功後,將用戶名上傳的文件名顯示出來,或爲上傳頁面加一個漂亮的樣式等。


參考:

http://www.phperz.com/article/14/1009/27978.html

相關文章
相關標籤/搜索