在生成input标签的时候可以指定input标签的类型为file类型

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>Title</title>

</head>

<body>

<h4>{{ error_message }}</h4>

<form action="/index/" method="post">

    {% csrf_token %}

    <p><input type="file" name="up_file"></p>

    <input type="submit">

</form>

</body>

</html>

此时，在网页上页示如下

如果网页上提交的是用户名和密码等，通过键值对发送到服务端。

一组键值代表一个标签及标签对应的值。

在网页上选择一张图片，并使用post方式提交，在服务端打印request.POST

    def index(request):

        if request.method=="POST":

            print(request.POST)

        return render(request,"index.html",locals())

打印的信息如下：

<QueryDict: {'csrfmiddlewaretoken': ['opmSmENIrgdGJJN'], 'up_file': ['1.png']}>

提交的文件名也在这个字典中，取出这个文件名

    def index(request):

        if request.method=="POST":

            print(request.POST.get("up_file"))

            print(type(request.POST.get("up_file")))

        return render(request,"index.html",locals())

打印结果如下：

1.png

<class 'str'>

想取出的是上传的文件，然而取出来的却是上传的文件的文件名

由此可知，上传的文件没有跟form表单提交的数据在一起

因为上传的文件通常大小比较大，所以Django默认会把上传的文件放在一个具体的文件夹中

打印request.FILES的信息

    def index(request):

        if request.method=="POST":

            print(request.POST.get("up_file"))

            print(type(request.POST.get("up_file")))

            print("files:",request.FILES)

        return render(request,"index.html",locals())

打印结果如下

1.png

<class 'str'>

files: <MultiValueDict: {}>

request.FILES打印的结果是一个空的字典，问题出在上传文件的方式上

由于上传文件时在客户端与服务端传输的是二进制数据，与字符串数据不一样。

传输二进制数据，不管是在form表单，还是在Ajax中，都有自己的传输方式。

在form表单中，上传文件时要使用分片传输的方式。

修改index.html文件

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>Title</title>

</head>

<body>

<h4>{{ error_message }}</h4>

<form action="/index/" method="post" enctype="multipart/form-data">

    {% csrf_token %}

    <p><input type="file" name="up_file"></p>

    <input type="submit">

</form>

</body>

</html>

重新上传文件，在服务端打印信息如下

None

<class 'NoneType'>

files: <MultiValueDict: {'up_file': [<InMemoryUploadedFile: 1.png (image/png)>]}>

根据打印结果，request.FILES中可以看到上传的文件

打印结果是一个字典类型，字典的键是form表单中定义的标签的name属性值，而其值是所上传的文件的对象

打印上传文件的对象

def index(request):

    if request.method=="POST":

        print("files:",request.FILES.get("up_file"))

        print(type(request.FILES.get("up_file")))

    return render(request,"index.html",locals())

打印结果

files: 1.png

<class 'django.core.files.uploadedfile.InMemoryUploadedFile'>

结果显示所取得的文件的类型是一个在内存中的上传文件

获取上传文件在内存中的名字

def index(request):

    if request.method=="POST":

        print(type(request.FILES.get("up_file")))

        file_obj=request.FILES.get("up_file")

        print(file_obj.name)

    return render(request,"index.html",locals())

打印结果如下

<class 'django.core.files.uploadedfile.InMemoryUploadedFile'>

1.png

既然知道了文件在内存中的名字，就可以在服务端写入这个文件

def index(request):

    if request.method=="POST":

        file_obj=request.FILES.get("up_file")

        f1=open(file_obj.name,"wb")

        for i in file_obj.chunks():

            f1.write(i)

        f1.close()

    return render(request,"index.html",locals())

再次选择上传文件，提交后，就可以在服务端后台看到所上传的文件

可以在settings.py文件中设定上传文件的路径，或者在打开文件句柄的时候进行路径拼接来把上传的文件保存在指定的目录下

Django的form表单之文件上传的更多相关文章

  1. Ajax提交Form表单及文件上传

    刚刚申请下来的博客,写得第一篇.有点小激动,本人以前是一名工业3D设计师突然有些变故做上了JavaWeb开发: 前几天,发现了一些小问题.我在写后台管理页面时,需要上传一张图片.于是我就用很普通的Fo ...

  2. php+form表单的文件上传

    <!doctype html> <html> <head> <meta charset="UTF-8"> <title> ...

  3. 2020最新Servlet+form表单实现文件上传(图片)

    servlet实现文件上传接受 这几天学了一点文件上传,有很多不会,在网查了许多博客,但是最新的没有,都比较久了 因为我是小白,版本更新了,以前的方法自己费了好久才弄懂,写个随笔方便以后查找 代码奉上 ...

  4. form表单多文件上传

    1.html/jsp主页 <%@ page language="java" contentType="text/html; charset=UTF-8" ...

  5. Django框架 之 Form表单和Ajax上传文件

    Django框架 之 Form表单和Ajax上传文件 浏览目录 Form表单上传文件 Ajax上传文件 伪造Ajax上传文件 Form表单上传文件 html 1 2 3 4 5 6 7 <h3& ...

  6. Struts2文件上传（基于表单的文件上传）

    •Commons-FileUpload组件 –Commons是Apache开放源代码组织的一个Java子项目,其中的FileUpload是用来处理HTTP文件上传的子项目   •Commons-Fil ...

  7. [原创]java WEB学习笔记49：文件上传基础，基于表单的文件上传,使用fileuoload 组件

    本博客为原创:综合 尚硅谷(http://www.atguigu.com)的系统教程(深表感谢)和 网络上的现有资源(博客,文档,图书等),资源的出处我会标明 本博客的目的:①总结自己的学习过程,相当 ...

  8. $_FILES参数详解及简单<form>表单无刷新上传文件

    $_FILES:经由 HTTP POST 文件上传而提交至脚本的变量,类似于旧数组$HTTP_POST_FILES 数组(依然有效,但反对使用)详细信息可参阅 POST方法上传 $_FILES数组内容 ...

  9. 通过Ajax提交form表单来提交上传文件

    Ajax 提交form方式可以将form表单序列化 然后将数据通过data提交至后台,例如: $.ajax({      url : "http://localhost:8080/" ...

随机推荐

  1. 一个小时学会Git

    一.版本控制概要 Git 是一种在全球范围都广受欢迎的版本控制系统.在开发过程中,为了跟踪代码,文档,项目等信息中的变化,版本控制变得前所未有的重要.但跟踪变化远远不能满足现代软件开发行业的协同需求, ...

  2. 深入浅出数据结构C语言版（17）——有关排序算法的分析

    这一篇博文我们将讨论一些与排序算法有关的定理,这些定理将解释插入排序博文中提出的疑问(为什么冒泡排序与插入排序总是执行同样数量的交换操作,而选择排序不一定),同时为讲述高级排序算法做铺垫(高级排序为什 ...

  3. 第3阶段——内核启动分析之make uImage编译内核(3)

    目标: 通过分析makefile,明白make uImage如何编译内核 把整个内核的makefile分成三类(makefile资料文档在linux-2.6.22.6/Documentation/bu ...

  4. 第1阶段——u-boot分析之make 100ask24x0_config指令(1)

    本文学习目标:         掌握"make 100ask24x0_config"指令在Makefile和mkconfig文件中是怎么实现配置芯片选型 1.执行make 100a ...

  5. 验证Oracle收集统计信息参数granularity数据分析的力度

    最近在学习Oracle的统计信息这一块,收集统计信息的方法如下: DBMS_STATS.GATHER_TABLE_STATS ( ownname VARCHAR2, ---所有者名字 tabname ...

  6. oop作业二—circle

    oop作业-circle 题目描述 编写一个程序,要求根据给定的圆的半径求圆的面积,并将求得的结果打印出来. 要求: 输入输出采用cin和cout. 建立一个工程,将程序写成两个.cpp和一个.h的形 ...

  7. Beta阶段项目复审

    复审人:王李焕 六指神功:http://www.cnblogs.com/teamworkers/ wt.dll:http://www.cnblogs.com/TeamOf/ 六个核桃:http://w ...

  8. swing-窗体添加背景图片的2种方法

    在美化程序时,常常需要在窗体上添加背景图片.通过搜索和测试,发现了2种有效方式.下面分别介绍.1.利用JLabel加载图片利用JLabel自带的setIcon(Icon icon)加载icon,并设置 ...

  9. 201521123048 《Java程序设计》第3周学习总结

    1. 本周学习总结 初学面向对象,会学习到很多碎片化的概念与知识.尝试学会使用思维导图将这些碎片化的概念.知识组织起来.请使用纸笔或者下面的工具画出本周学习到的知识点.截图或者拍照上传. 2. 书面作 ...

  10. Java SpringMVC小白的成长（一）

    如果你是一个小白,请跟着我走,我会让你少走弯路,如果你是大牛,那么多谢大牛可以给我提提建议. 说实话,来公司这么久,一直在做的是维护与修改bug.(我的语言是php,来公司才开始接触java). 要毕 ...