基于form表单提交

#  需要指定form-data，不能直接拼键值对

可以指定name照片存在位置

views.py

from django.shortcuts import render,redirect,HttpResponse

# Create your views here.

import os

def index(request):

    if request.method=="POST":

        print(request.POST)  # post里面只放键值对

 # < QueryDict: {'csrfmiddlewaretoken':

# ['hS5bYNIkbNqazL7svWKxwrJXXY5sftIR1mxrMUMqox9diZS4bwz7Nn183Um8H0U8'], 'user': ['6666'], 'f': ['vzh.jpg']} >

        print(request.FILES)

        # <MultiValueDict: {'f': [<InMemoryUploadedFile: vzh.jpg (image/jpeg)>]}>

        obj = request.FILES.get("f")  # 取出上传文件的对象

        name = obj.name  # 具体文件的名字

        f_write = open(os.path.join("app01","static","img",name),"wb")   #  如果想要将文件存在某个具体的位置，将路径拼接出来，再加上name

                                    #  如果只放name ，那么文件会存在当前的根目录下

        for line in obj:  # 取出每一行的数据

            f_write.write(line)

        return HttpResponse("")

    return render(request,"index.html")

def put(request):

    return HttpResponse("ok")
<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <meta http-equiv="X-UA-Compatible" content="IE=edge">

    <meta name="viewport" content="width=device-width, initial-scale=1">

    <title>Title</title>

</head>

<body>

<h3>基于form表单上传文件</h3>

{# form-data类型可以上传文件#}

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

    {% csrf_token %}

    <p><input type="text" name="user"></p>

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

    <input type="submit">

</form>

</body>

</html>

index.html

注意点：

 form表单

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

需要加ENCTYPE="multipart/form-data"

form-data是可以用来上传文件

ajax请求文件上传

{# ajax 也有属于自己的form—data 需要自己配置且指定 contentType:false,processData:false 不加会报错#}

{# formdata实例化对象，然后往里面放值 #}
<h3>基于ajax的文件上传</h3>

{# ajax 也有属于自己的form—data 需要自己配置且指定 contentType:false,processData:false 不加会报错#}

{# formdata实例化对象，然后往里面放值 #}

{% csrf_token %}

<p><input type="text" id="pwd"></p>

<p><input type="file" id="file"></p>

<button class="ajax_btn">提交</button>

<script>

    $(".ajax_btn").click (function() {

        var formdata=new FormData();

        formdata.append("pwd",$("#pwd").val());

        formdata.append("csrfmiddlewaretoken",$("[name='csrfmiddlewaretoken']").val());

        formdata.append("f",$("#file")[0].files[0]);

        $.ajax({

            url:"/put_ajax/",

            type:"post",

            data:formdata,

            contentType:false,

            processData:false,

            success:function (data) {

                console.log(data);

            }

        })

    })

</script>

Python 之文件上传的更多相关文章

  1. Python Selenium 文件上传之Autoit

    今天补充一种文件上传的方法 主要是因为工作中使用SendKeys方法不稳定,具体方法见: Python Selenium 文件上传之SendKeys 这种方法直接通过命令行执行脚本时没有问题,可以成功 ...

  2. Python Selenium 文件上传之SendKeys

    昨天写了Web 文件下载的ui自动化,下载之后,今天就要写web 文件上传的功能了. 当然从折腾了俩小时才上传成功.下面写一下自己操作的步骤 首先网上说的有很多方法 如 input 标签的最好做了,直 ...

  3. Python WebDriver 文件上传（二）

    今天补充一种文件上传的方法 主要是因为工作中使用SendKeys方法不稳定,具体方法见: Python WebDriver 文件上传(一) 这种方法直接通过命令行执行脚本时没有问题,可以成功上传,但是 ...

  4. Python WebDriver 文件上传（一）

    昨天写了Web 文件下载的ui自动化,下载之后,今天就要写web 文件上传的功能了. 当然从折腾了俩小时才上传成功.下面写一下自己操作的步骤 首先网上说的有很多方法 如 input 标签的最好做了,直 ...

  5. Selenium2+python自动化-文件上传

    前言 文件上传是web页面上很常见的一个功能,自动化成功中操作起来却不是那么简单. 一般分两个场景:一种是input标签,这种可以用selenium提供的send_keys()方法轻松解决:另外一种非 ...

  6. selenium+Python（文件上传)

    文件上传操作也比较常见功能之一,上传功能没有用到新有方法或函数,上传过程一般要打开一个本地窗口,从窗口选择本地文件添加.所以,一般会卡在如何操作本地窗口添加上传文件只要定位上传按钮,通send_key ...

  7. Python Django文件上传

    文件保存本地 view视图 def update(request): if request.method =='GET': return render(request,'update.html') e ...

  8. python day32--struct,文件上传下载

    一.struct模块 可以把要发送的数据长度转换成固定长度的字节 struct.pack('i',数据长度) struct.unpack('i',数据长度) 二.上传下载文件作业 server imp ...

  9. python服务器文件上传下载+GUI【tkinter】

    大概就是一个通过应用程序来和服务器打交道的这么一个,小东西 1.GUI 用的是tkinter # -*- coding: UTF-8 -*- from tkinter import * import ...

随机推荐

  1. ubuntu 18.04在更新软件库时出现E: Release file for http://security.ubuntu.com/ubuntu/dists/bionic-security/InRelease is not valid yet...

    1.完整的错误信息如下: E: Release file for http://security.ubuntu.com/ubuntu/dists/bionic-security/InRelease i ...

  2. mybatis映射文件select_resultMap_关联查询_collection定义关联集合

    知识点:查询一个实体类,并查出这个类下面的集合 Employee.java实体类 package com.hand.mybatis.bean;public class Employee {    pr ...

  3. sqlserver 遍历表

    use Research go ); ) NOT NULL, [mrs] date); DECLARE Table_Cursor CURSOR FOR--包含有列‘sigdate’的表 select ...

  4. node查询mongo

    http://www.cnblogs.com/whoamme/p/3467374.html nosql的数据库的查询:可以分为查询所有,查询一个,条件查询,和表的关联查询.(这个另外在写一个独立的mo ...

  5. TileMode（平铺模式） 枚举的成员：

    TileMode(平铺模式) 枚举的成员:   成员名称 说明   FlipX 与 Tile 相同,只不过图块的交替列被水平翻转. 基本图块本身不翻转.   FlipXY FlipX 和 FlipY ...

  6. 【转】VIM 中设置Tab

    灵活操作 Vim 中的 Tabsgaleki post @ 2007年11月16日 05:07PM in Vim Tips with tags: vim tabs Vim 支持 Tabs,也就是标签页 ...

  7. h5 沉浸式状态栏

    1. manifest.json的plus节点里面配置 "plus": { "statusbar": {"immersed": true}, ...

  8. 【BZOJ1061】【NOI2008】志愿者招募

    [BZOJ1061][NOI2008]志愿者招募 题面 BZOJ 题解 我们设每类志愿者分别招募了\(B[i]\)个 那么,我们可以得到一系列的方程 \[\sum_{S[i]\leq x\leq T[ ...

  9. UVA-1312 Cricket Field （技巧枚举）

    题目大意:在一个w*h的网格中,有n个点,找出一个最大的正方形,使得正方形内部没有点. 题目分析:寻找正方形实质上等同于寻找矩形(只需令长宽同取较短的边长).那么枚举出所有可能的长宽组合取最优答案即可 ...

  10. 神经网络总结（bp）

    一.从生物到计算机 神经细胞利用电-化学过程交换信号.输入信号来自另一些神经细胞.这些神经细胞的轴突末梢(也就是终端)和本神经细胞的树突相遇形成突触(synapse),信号就从树突上的突触进入本细胞. ...