django 快速实现文件上传

最新推荐文章于 2023-07-11 15:10:37 发布

c2a2o2

最新推荐文章于 2023-07-11 15:10:37 发布

阅读量1k

点赞数

分类专栏： python

python 专栏收录该内容

33 篇文章 1 订阅

订阅专栏

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

easy_install mysql-python (mix os)
pip install mysql-python (mix os)
apt-get install python-mysqldb (Linux Ubuntu)
cd/usr/ports/databases/py-MySQLdb && make install clean (FreeBSD)
yum install MySQL-python (linux Fedora, CentOS)
pip install mysqlclient (Windows)

如果import MySQLdb报错

则看上一节内容

否则继续

2、新建项目

3、打开mysql命令对话框

输入 create database csvt default charset=utf8;

4、先找到/myweb/myweb/setting.py

修改相关内容

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

DATABASES = {
    'default': {
        'ENGINE': 'django.db.backends.mysql',
        'NAME': 'csvt',
        'USER':'root',
        'PASSWORD':'123456',
        'HOST':'',
        'PORT':'',
    }
}

5、打开myweb/blog/models.py,输入如下内容

from django.db import models

class Employee(models.Model):
     name=models.CharField(max_length=20)

6、同步数据库

7、查看mysql

7.之后本地做的事情就OK了，现在需要配置服务器nginx了：我的文件在这里

[html]view plaincopy 
   
 vim /usr/local/nginx/conf/nginx.conf  

配置如下：

[html]view plaincopy 
   
 location  /static {  
     autoindex on;  
     alias  /root/wechat_huoyun/static;  
 }  

8.这里配置的location /static 是说请求为/static的静态文件都去/root、wechat_huoyun/static下去找，也就是我们项目根目录下的static去找，而不是我们每个APP下的static文件下去找，网上有很多教程，关于static的配置写法也有很多，要注意alias和root的区别，root /path相当于访问static的时候是访问/path/static，而alias /path相当于访问static时是访问/path/。所以你要是写了root /root/wechat_huoyun/static；nginx会去找 /root/wechat_huoyun/static/static里找， 那估计就找不到了。

9.设置成这样的之后，静态文件都交给nginx处理，动态请求交给django去处理。然后重启nginx重启uwsgi。

10.以为很成功了，但是还是找不到，不是404了而且403.做到这一步，你应该就会明白，其实nginx和django的settings是配置正确的了，因为起码不是404找不到了，而是被拒绝403，想了想肯定是权限问题，你项目根目录里的static文件下的js和css文件都需要读权限，包括他的所有父亲目录也都需要读权限。

11.这里需要说明的是我把项目放到了root下了，这是不应该的，因为我需要修改所有父目录的权限也就是要把root目录权限有改了，不安全，由于我是个人练习的，Git和自动化配置都设置后了懒得改了所以直接将root以及子孙目录一直到static的静态文件的权限都改了：

[html]view plaincopy 
   
 chmod -R 755 root  

12.这里需要注意的是root我其实没有改这么大权限，我root是555权限，root子孙目录是755，本来我以为有读权限就可以了，但是还是403，查了查，网上说还需要x权限，所以我改成了755，所以纠正上面的所有目录需要读权限，是所有目录都需要读和执行权限。至此，大功告成，静态文件加载成功！

　　本系列以可操作性为主，介绍如何通过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

目录结构如下：

打开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',{})

defupload_file(request): username = request.POST.get('username') fafafa = request.FILES.get('fafafa')import os img_path = os.path.join('static/imgs/',fafafa.name)with open(img_path,'wb')as f:for itemin fafafa.chunks(): f.write(item) ret = {'code':True ,'data': img_path}import jsonreturn HttpResponse(json.dumps(ret))

views.py

def upload_file(request):
    username = request.POST.get('username')
    fafafa = request.FILES.get('fafafa')
    import os
    img_path = os.path.join('static/imgs/',fafafa.name)
    with open(img_path,'wb') as f:
        for item in fafafa.chunks():
            f.write(item)

    ret = {'code': True , 'data': img_path}
    import json
    return HttpResponse(json.dumps(ret))

文件上传预览

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/

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

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

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

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

将数据写入数据库

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

在项目的目录下，我们居然发现了用户提交的文件。

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

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 ，你可以在此基础上继续扩展，例如用户提交成功后，将用户名上传的文件名显示出来，或为上传页面加一个漂亮的样式等。

选择了最近一直在看的Django作为我的Android Demo的server端，今天想要实现一个Android下上传文件到服务器的功能，于是想了想，暂时可以先放到静态文件目录下，然后就把自己配置静态文件目录的过程记录一下。

首先打开你的项目下的settings.py文件，在其中加入或修改如下代码：

[python]view plaincopy 
   
 # 设置一个路径变量  
 APP_PATH=os.path.dirname(os.path.dirname(__file__))  
 # Absolute path to the directory static files should be collected to.  
 # Don't put anything in this directory yourself; store your static files  
 # in apps' "static/" subdirectories and in STATICFILES_DIRS.  
 # 注意要修改STATIC_ROOT变量  
 STATIC_ROOT = os.path.join(APP_PATH,'static').replace('\\','/')  
   
 # URL prefix for static files.  
 # Example: "http://example.com/static/", "http://static.example.com/"  
 STATIC_URL = '/static/'  
   
 # 当然还有STATICFILES_DIRS变量  
 STATICFILES_DIRS = (  
     # Put strings here, like "/home/html/static" or "C:/www/django/static".  
     # Always use forward slashes, even on Windows.  
     # Don't forget to use absolute paths, not relative paths.  
     os.path.join(APP_PATH,'mobile_oa_server/static').replace('\\','/'),  
 )  

然后在你的项目下的urls.py文件中加入如下代码：

[python]view plaincopy 
   
 # 导入static和settings  
 from django.conf.urls.static import static  
 from django.conf import settings  
   
 urlpatterns = patterns('',  
     # 这里是你原先的urlpatterns的值，记住一定要在urlpatterns的下方，追加static  
 )  
 urlpatterns+=static(settings.STATIC_URL,document_root=settings.STATIC_ROOT)  

OK，完成了上述步骤之后，我们可以在我们的app目录下创建一个static文件夹，然后扔一张照片啥的进去，为了检测是否成功：效果如下（随便找了张图作测试）

夜已深，收拾完这个小东西就准备睡觉去了，明天又是要奋斗的一天，大家加油！

三、生产环境

前面也说了，在生成环境中，集中存放静态资源有利于使用Lighttpd/Nginx托管静态资源。而生产环境一般是把静态文件放在项目根目录下的static目录下。

默认配置

STATIC_ROOT = ''
STATIC_URL = '/static/'
STATICFILES_DIRS = (
)

我们要做的是

1、配置服务器，我用的是apache。

安装配置详情可参考：

Ubuntu apache2服务器配置

centos7 apache httpd安装和配置django项目

2、在项目根目录下创建collectedstatic目录。

3、配置settings.py

import os

SITE_ROOT = os.path.dirname(os.path.abspath(__file__))
SITE_ROOT = os.path.abspath(os.path.join(SITE_ROOT, '../'))
STATIC_ROOT = os.path.join(SITE_ROOT, 'collectedstatic')
STATIC_URL = '/static/'
STATICFILES_DIRS = (
    # Put strings here, like "/home/html/static" or "C:/www/django/static".
    # Always use forward slashes, even on Windows.
    # Don't forget to use absolute paths, not relative paths.
)
INSTALLED_APPS = (
    'django.contrib.auth',
    'django.contrib.contenttypes',
    'django.contrib.sessions',
    'django.contrib.sites',
    'django.contrib.messages',
    'django.contrib.staticfiles',
    # Uncomment the next line to enable the admin:
    # 'django.contrib.admin',
    # Uncomment the next line to enable admin documentation:
    # 'django.contrib.admindocs',
    'hello',
)

4、运行python manage.py collectstatic收集所有已安装的APP的静态文件到根目录的collectedstatic【即STATIC_ROOT】中

[root@yl-web lxyproject]# python manage.py collectstatic

You have requested to collect static files at the destination
location as specified in your settings.

This will overwrite existing files!
Are you sure you want to do this?

Type 'yes' to continue, or 'no' to cancel: yes
Copying '/srv/lxyproject/hello/static/images/sheep.png'

1 static file copied.

5、配置服务器，将/static/路径指向STATIC_ROOT目录。

即在虚拟主机中配置

Alias /static/ /srv/lxyproject/collectedstatic/

6、配置至此完成，通过浏览器访问

真正发布一个django项目时，对静态文件的管理可能需要额外做一些工作：

Less / CoffeeScript 等自动编译成css/js
"压缩" css/js文件，提高浏览器加载速度
合并零碎的css/js文件，减少浏览器请求次数
静态资源文件的版本话：浏览器会缓存静态文件，后台代码和静态资源文件都发生更新后，浏览器很可能从缓存提取过期的静态资源，导致页面显示异常。

参考：

c2a2o2

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
django 快速实现文件上传

对于web开来说，用户登陆、注册、文件上传等是最基础的功能，针对不同的web框架，相关的文章非常多，但搜索之后发现大多都不具有完整性，对于想学习web开发的新手来说就没办法一步一步的操作练习；对于web应用来说，包括数据库的创建，前端页面的开发，以及中间逻辑层的处理三部分。　　本系列以可操作性为主，介绍如何通过django web框架来实现一些简单的功能。每一章都具有完整性和独立性。使用新
复制链接

扫一扫