Django文件上传

【图书介绍】《Django 5企业级Web应用开发实战（视频教学版）》_django 5企业级web应用开发实战(视频教学版)-CSDN博客

《Django 5企业级Web应用开发实战（视频教学版）》(王金柱)【摘要书评试读】- 京东图书 (jd.com)

本节主要介绍Django框架视图层中文件上传的内容，具体包括简单文件上传、文件对象、存储API与管理文件等内容。

Django框架在处理文件上传时，文件最终会位于":attr:request.FILES<django.http. HttpRequest.FILES>"。这里考虑使用一个简单的表单，表单中包含一个":class:`~django.forms.FileField`"字段，具体代码如下：

【代码4-77】（ViewDjango\FileUploadView\forms.py文件）

复制代码

01  from django import forms
02 
03  class UploadFileForm(forms.Form):
04      title = forms.CharField(max_length=64)
05      file = forms.FileField()

【代码分析】

在第01行代码中，通过import导入forms（表单）模块。

在第03～05行代码中，定义了一个简单的文件上传类。详细说明如下：

在第04行代码中，定义了一个CharField字段。
在第05行代码中，定义了一个FileField文件上传字段。

处理上面表单的视图将在request.FILES中接收到文件数据，可以使用request.FILES $'file'$ 来获取上传文件的具体数据，其中的键值"file"是根据"file = forms.FileField()"的变量名而来的。

另外需要注意，request.FILES只有在请求方法为POST，并且提交请求的表单<form>具有enctype="multipart/form-data"属性时才有效；否则，request.FILES将为空。

在大多数情况下，只需要简单地将文件数据从request对象中传入表单就可以了。接收上传文件的视图代码示例如下：

【代码4-78】（ViewDjango\FileUploadView\views.py文件）

复制代码

01  def upload_file(request):
02      if request.method == 'POST':
03          form = UploadFileForm(request.POST, request.FILES)
04          if form.is_valid():
05              handle_uploaded_file(request.FILES['file'])
06              return HttpResponseRedirect('#')
07      else:
08          form = UploadFileForm()
09      return render(request, 'upload.html', {'form': form})
10  
11  def handle_uploaded_file(f):
12      with open('name.txt', 'wb+') as destination:
13          for chunk in f.chunks():
14              destination.write(chunk)

【代码分析】

在第05行代码中，必须将request.FILES传入表单的构造方法中，只有这样文件数据才能绑定到表单中。

在第13行代码中，使用UploadedFile.chunks()方法而不是File类的read()方法，是为了确保即使是大文件也不会将系统的内存占满。

接下来就是页面表单模板的代码示例：

【代码4-79】（ViewDjango\FileUploadView\templates\upload.html文件）

复制代码

01  <!DOCTYPE html>
02  <html lang="en">
03  <head>
04      <meta charset="UTF-8">
05      <title>Upload File View</title>
06  </head>
07  <body>
08  
09  <h3>Upload File Form</h3>
10  <form action="#" method="post">
11      {% csrf_token %}
12      {{ form.as_p }}
13      <input type="submit" value="Submit" /><br>
14  </form>
15  
16  </body>
17  </html>

最后，在浏览器中输入FileUploadView文件上传应用的路由地址"http://localhost:8000/ fileupload/upload/"，结果如图4.21所示。

图4.21 文件上传视图