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 文件上传视图

相关推荐
Irene19919 分钟前
大数据开发语境下,SQL 模式名,映射关系 - - 概念理解
大数据·数据库·sql
顾随13 分钟前
(二)kettle--输入与输出
javascript·数据库·kettle
2401_8330336216 分钟前
如何修复固定定位头部容器中悬浮下拉菜单的错位问题
jvm·数据库·python
SelectDB26 分钟前
Doris & SelectDB for AI 实战:从基础 RAG 到知识图谱增强的完整实现
数据库·人工智能·数据分析
z44247532635 分钟前
CSS Grid布局如何实现网格项目的自动增长_设置grid-auto-flow- row
jvm·数据库·python
河野笑生40 分钟前
MySQL 范式和反范式详解
数据库
m0_7403524243 分钟前
如何在 SvelteKit 中为动态加载的图片实现响应式悬停覆盖层
jvm·数据库·python
今天又在写代码44 分钟前
并发问题解决
java·开发语言·数据库
马优晨1 小时前
oracle 的 Schema
数据库·oracle·oracle的schema·数据库的 schema·oracle的schema数据
gmaajt1 小时前
JavaScript中闭包对垃圾回收器GC标记清除算法的影响
jvm·数据库·python