python+django快速实现文件上传


Posted in Python onOctober 24, 2016

对于web开来说,用户登陆、注册、文件上传等是最基础的功能,针对不同的web框架,相关的文章非常多,但搜索之后发现大多都不具有完整性,对于想学习web开发的新手来说就没办法一步一步的操作练习;对于web应用来说,包括数据库的创建,前端页面的开发,以及中间逻辑层的处理三部分。

本系列以可操作性为主,介绍如何通过django web框架来实现一些简单的功能。每一章都具有完整性和独立性。使用新手在动手做的过程中体会web开发的过程,过程中细节请参考相关文档。

本操作的环境:
===================
deepin linux 2013(基于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

目录结构如下:

python+django快速实现文件上传

打开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 提供了他们之间的对应关系。

创建视图                                                                                               
1、打开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',{})

 2、创建注册页面

先在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>

3、设置模板路径

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

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

4、设置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'),
)

5、启动服务

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.

6、访问http://127.0.0.1:8000/disk/

python+django快速实现文件上传

注册页面可以正常打开说明整个过程已经走通。这也是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/ 页面

python+django快速实现文件上传

填写用户名,选择本地上传文件,点击“ok”

python+django快速实现文件上传

抛出一个错误,这个错误比较友好,所以不是我们操作过程中的小错误。

 打开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/ 页面,我们就可以正常将用户名和文件提交了!

python+django快速实现文件上传

将数据写入数据库         

虽然已经实现了数据的提交,但用户名与文件并没有真正的写入到数据库。我们来进一步的完善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/ 页面,完成文件的上传。

python+django快速实现文件上传

那数据库中保存的是什么呢?

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>

通过查看数据库发现,我们数据库中存放的并非用户上传的文件本身,而是文件的存放路径。

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持三水点靠木。

Python 相关文章推荐
python 实现归并排序算法
Jun 05 Python
python模拟登录百度贴吧(百度贴吧登录)实例
Dec 18 Python
python教程之用py2exe将PY文件转成EXE文件
Jun 12 Python
Python黑魔法Descriptor描述符的实例解析
Jun 02 Python
Python实现类似jQuery使用中的链式调用的示例
Jun 16 Python
Python初学者需要注意的事项小结(python2与python3)
Sep 26 Python
pyqt5对用qt designer设计的窗体实现弹出子窗口的示例
Jun 19 Python
在Mac中PyCharm配置python Anaconda环境过程图解
Mar 11 Python
Python ArgumentParse的subparser用法说明
Apr 20 Python
Python爬虫获取页面所有URL链接过程详解
Jun 04 Python
Django项目创建及管理实现流程详解
Oct 13 Python
matplotlib绘制正余弦曲线图的实现
Feb 22 Python
python实现简单爬虫功能的示例
Oct 24 #Python
简单谈谈Python中的反转字符串问题
Oct 24 #Python
Python 内置函数complex详解
Oct 23 #Python
Python检测生僻字的实现方法
Oct 23 #Python
python 写入csv乱码问题解决方法
Oct 23 #Python
解决Python中字符串和数字拼接报错的方法
Oct 23 #Python
python 读写txt文件 json文件的实现方法
Oct 22 #Python
You might like
php仿微信红包分配算法的实现方法
2016/05/13 PHP
通过js脚本复制网页上的一个表格的不错实现方法
2006/12/29 Javascript
Extjs Ajax 乱码问题解决方案
2009/04/15 Javascript
jquery在项目中做复选框时遇到的一些问题笔记
2013/11/17 Javascript
extjs 时间范围选择自动判断的实现代码
2014/06/24 Javascript
简单的jquery左侧导航栏和页面选中效果
2014/08/21 Javascript
JavaScript不使用prototype和new实现继承机制
2014/12/29 Javascript
jQuery实现的进度条效果
2015/07/15 Javascript
jQuery添加删除DOM元素方法详解
2016/01/18 Javascript
Backbone.js框架中简单的View视图编写学习笔记
2016/02/14 Javascript
AngularJs Managing Service Dependencies详解
2016/09/02 Javascript
js实现上下左右弹框划出效果
2017/03/08 Javascript
在node中使用jwt签发与验证token的方法
2019/04/03 Javascript
vue中使用vue-cli接入融云实现即时通信
2019/04/19 Javascript
js打开word文档预览操作示例【不是下载】
2019/05/23 Javascript
Vue formData实现图片上传
2019/08/20 Javascript
vue日历/日程提醒/html5本地缓存功能
2019/09/02 Javascript
使用flow来规范javascript的变量类型
2019/09/12 Javascript
vue实现在线预览pdf文件和下载(pdf.js)
2019/11/26 Javascript
使用eslint和githooks统一前端风格的技巧
2020/07/29 Javascript
TypeScript 运行时类型检查补充工具
2020/09/28 Javascript
vue项目实现减少app.js和vender.js的体积操作
2020/11/12 Javascript
通过vue.extend实现消息提示弹框的方法记录
2021/01/07 Vue.js
使用Python的Supervisor进行进程监控以及自动启动
2014/05/29 Python
使用rst2pdf实现将sphinx生成PDF
2016/06/07 Python
树莓派实现移动拍照
2019/06/22 Python
Python提取转移文件夹内所有.jpg文件并查看每一帧的方法
2019/06/27 Python
Python爬虫实现的根据分类爬取豆瓣电影信息功能示例
2019/09/15 Python
python使用隐式循环快速求和的实现示例
2020/09/11 Python
马来西亚排名第一的宠物用品店:Pets Wonderland
2020/04/16 全球购物
银行营业厅大堂经理岗位职责
2014/01/06 职场文书
高二学生评语大全
2014/04/25 职场文书
乡镇消防安全责任书
2014/07/23 职场文书
四风问题对照检查材料整改措施
2014/09/27 职场文书
2015年“7.11”世界人口日宣传活动方案
2015/05/06 职场文书
应收账款管理制度
2015/08/06 职场文书