文件保存本地

view视图

def update(request):

    if request.method =='GET':

        return render(request,'update.html')

    else:

        myFile = request.FILES.get("img")

    #上传的文件是一个对象

        print(myFile.name)

        print(myFile.size)

        f = open(myFile.name,'wb')

        for files in myFile.chunks():

            f.write(files)

        return render(request,'update.html')

前端

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>Title</title>

</head>

<body>

<form action="update.html" method="post" enctype="multipart/form-data">

    {% csrf_token %}

    文件上传：<input type="file" name="img">

    <input type="submit">

</form>

</body>

</html>

文件上传到数据库

首先 需要在setting中设置文件的存储路径

#一般创建static文件
MEDIA_ROOT = os.path.join(BASE_DIR,"static/...")

#在models中创建数据库

class Files(models.Model):

    photo_url = models.ImageField(

        upload_to='imgae'

    )

view视图
def files_ulr(request):
    if request.method =='GET':
        return render(request,'photo.html')
    else:
        myFile = request.FILES.get('img')
        photo_url = models.Files.objects.create(photo_url=myFile)
    return HttpResponse("ok")

通过Ajax上传文件

　

#HTML中编辑JQ语句

form action="update.html" method="post" enctype="multipart/form-data">

    {% csrf_token %}

    头像<input type="file" name="touxiang" id="file">

    <br>

    <button id="btn">提交</button>

</form>

<script>

    $("#btn").click(function(){

        {#ajax上传文件的时候需要这个类型，它会将添加的键值对加工成formata的类型#}

        var formdata = new FormData();

        {##添加键值对的方法是append，注意写法，键和值之间使用逗号隔开#}

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

        {#csrf_tocken#}

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

        console.log(formdata)

        $.ajax({

            'url':'update.html',

            'type':'post',

            'data':formdata,

            {#不处理数据#}

            processData:false,

            contentType:false,

            success:function(arg){

                console.log(arg)

            }

        })

    })

</script>

#view中操作

    if request.method =='GET':

        return render(request,'update.html')

    else:

        # name = request.POST.get('uname')

        file = request.FILES.get('touxiang')

        file_name = file.name

        # 拼接文件路径

        # path = os.path.join('static','img',file_name)

        with open(file_name,'wb') as f:

            for i in file.chunks():

                f.write(i)

        return render(request, 'update.html')

　　

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

  1. django文件上传、图片验证码、抽屉数据库设计

    1.Django文件上传之Form方式 settings.py, ALLOWED_HOSTS = ['*'] INSTALLED_APPS = [ 'django.contrib.admin', 'd ...

  2. python_way day21 Django文件上传Form方式提交，原生Ajax提交字符处啊，Django文件上传之原生Ajax方式、jQuery Ajax方式、iframe方式，Django验证码，抽屉示例，

    python_way day21 1.Django文件上传至Form方式 2.原生Ajax文件上传提交表单 使用原生Ajax好处:不依赖jquery,在发送一个很小的文件或者字符串的时候就可以用原生A ...

  3. Python Selenium 文件上传之Autoit

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

  4. Python Selenium 文件上传之SendKeys

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

  5. Python WebDriver 文件上传（二）

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

  6. Python WebDriver 文件上传（一）

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

  7. Django文件上传下载与富文本编辑框

    django文件上传下载 上传 配置settings.py # 设定文件的访问路径,如:访问http://127.0.0.1:8000/media/就可以获取文件 MEDIA_URL = '/medi ...

  8. Python Web框架篇：Django文件上传

    上传方式: - Form表单上传文件 - Ajax上传文件 - 基于form表单和iframe自己实现ajax请求 1,创建项目 2,settings配置(注册app01,static路径等等这些)及 ...

  9. Python菜鸟之路：Django 文件上传的几种方式

    方式一:通过form表单中,html input 标签的“file”完成 # 前端代码uoload.html <form method="post" action=" ...

随机推荐

  1. html input元素的所有type属性

    <input /> 属性 type="text" 输入框的类型为文本 type="password" 输入框的类型为密码 type="ra ...

  2. golang搭建一个简单的web服务器

    package main import ( "io/ioutil" "log" "net/http" ) func main() { htt ...

  3. qt creator源码全方面分析(2-3)

    目录 External Tool Specification Files 文件名 位置 文件格式 主要标签 描述标签 可执行规范标签 示例 External Tool Specification Fi ...

  4. hive on spark 编译时遇到的问题

    1.官方网站下载spark 1.5.0的源码 2.根据官方编译即可. export MAVEN_OPTS="-Xmx2g -XX:MaxPermSize=512M -XX:ReservedC ...

  5. vuex知识笔记，及与localStorage和sessionStorage的区别

    菜单快捷导航 Vuex是什么东东,有什么应用场景?localStorage和sessionStorage能否替代它? Vuex知识点State.Getter.Mutaion.Action Vuex模块 ...

  6. PWA 推送实践

    PWA 推送实践 最近公司内录任务的系统总是忘记录任务,而那个系统又没有通知,所以想要实现一个浏览器的通知功能,免得自己忘记录入任务. 前端实现通知的几种方式 想要实现通知,我们就需要有个客户端,对于 ...

  7. vertical-align和line-height的理解及实例

    line-height 字符实际大小和font-size的关系: 下图中不同字体font-size都是100px 测量了一下每个 span 的高度:Helvetica 115px,Gruppo 97p ...

  8. 在非NDK编译条件下使用Android Log函数

    解决的需求 有些时候不能在NDK环境编译,或者使用NDK编译会颇费周折,然后又想使用Android系统自带的Log类方法,那么我们就可以使用dlopen来实现我们的目的.比如在OpenCV中添加And ...

  9. 「Flink」配置使用Flink调试WebUI

    很多时候,我们在IDE中编写Flink代码,我们希望能够查看到Web UI,从而来了解Flink程序的运行情况.按照以下步骤操作即可,亲测有效. 1.添加Maven依赖 <dependency& ...

  10. MySQL快速回顾：数据库和表操作

    前提要述:参考书籍<MySQL必知必会> 利用空闲时间快速回顾一些数据库基础. 4.1 连接 在最初安装MySQL,可能会要求你输入一个管理登录(通常为root)和一个口令(密码). 连接 ...