文件上传是一个比较常用的网站功能,在服务器端,Django会使用一个叫作request.FILES的对象来处理上传的文件。
目录
存储路径
创建存储目录
配置settings.py
上传单文件
配置url
上传文件模板
视图方法
显示上传页面
上传文件处理
上传效果
1.选好上传文件
2.点击提交
3.查看上传文件
上传多文件
新建表单类
多文件上传视图
多文件上传路由
引入表单类
设置路由
上传效果
1.上传页面
2.选择多文件
3.查看选中文件
4.上传成功
总结
存储路径
创建存储目录
在static/应用目录下创建uploads目录用于存储接收上传的文件。
配置settings.py
上传文件目录
MEDIA_ROOT = os.path.join(BASE_DIR, 'static/myapp/uploads')
上传单文件
文件上传时,文件数据存储在request.FILES属性中。
注意:from表单上传文件需要加 enctype=”multipare/form-data”
上传必须是post请求。
配置url
path('upload_view', views.upload_view, name='upload_view'),
path('upload_save', views.upload_save, name='upload_save'),
上传文件模板
在应用模板目录下创建上传单一文件的模板。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>上传单文件</title>
</head>
<body>
<form action="{% url 'myapp:upload_save' %}" method="post"
enctype="multipart/form-data">
请选择文件:<input type="file" name="file">
<br>
{% csrf_token %}
<input type="submit" value="提交">
</form>
</body>
</html>
视图方法
显示上传页面
def upload_view(request):
return render(request, 'myapp/uploadOne.html')
上传文件处理
from django.conf import settings
def upload_save(request):
""" 上传文件保存 """
if request.method == 'POST':
file = request.FILES['file']
# 文件在服务端路径 获取配置
filePath = os.path.join(settings.MEDIA_ROOT, file.name)
# 保存文件
with open(filePath, 'wb+') as fp:
for info in file.chunks():
fp.write(info)
return HttpResponse('上传成功!')
else:
return HttpResponse('请选择POST提交文件!')
注意:为了避免read()方法一次性将文件读取到内存中造成内存不足的问题,使用f.chunks()方式将文件分块处理。
上传效果
1.选好上传文件
2.点击提交
3.查看上传文件
上传成功后,上传文件保存目录可见上传文件。
上传多文件
由于标准的HTML只允许使用<input type="file">进行文件上传,而<input type="file">每次只能上传一个文件,因此对于需要进行大量文件上传的操作来说会很不方便,这在Django中就变得相对简单很多。
新建表单类
在应用目录下新建文件forms.py,添加FileFieldForm表单类。
内容如下:
from django import forms
class FileFieldForm(forms.Form):
file_field = forms.FileField(widget=forms.ClearableFileInput(attrs={'multiple': True}))
多文件上传视图
在应用目录下新建form_view类,用作多文件上传视图处理。
内容如下:
import os
from django.conf import settings
from django.views.generic.edit import FormView
from .forms import FileFieldForm
from django.http import HttpResponse
class FileFieldView(FormView):
form_class = FileFieldForm
# 设置模板路径
template_name = 'myapp/uploadMany.html'
# 设置后跳转路径
success_url = 'upload_success'
def post(self, request, *args, **kwargs):
form_class = self.get_form_class()
form = self.get_form(form_class)
files = request.FILES.getlist('file_field')
if form.is_valid():
for f in files:
handle_uploaded_file(f)
return self.form_valid(form)
else:
return self.form_valid(form)
def handle_uploaded_file(file):
""" 文件保存处理 """
filePath = os.path.join(settings.MEDIA_ROOT, file.name)
# 保存文件
with open(filePath, 'wb+') as fp:
for info in file.chunks():
fp.write(info)
def upload_success(request):
""" 上传成功响应 """
return HttpResponse('多文件上传成功!')
多文件上传路由
引入表单类
from . import form_view
设置路由
path('upload_many', form_view.FileFieldView.as_view(), name='upload_many'),
path('upload_success', form_view.upload_success, name='upload_success'),
上传效果
1.上传页面
2.选择多文件
按住ctrl点选多个文件,确定后点击打开。
3.查看选中文件
移动鼠标到7个文件处,可显示选中文件列表
4.上传成功
上传文件目录可见文件
总结
单文件上传很好实现,多文件就需要依赖很多类库来实现。