Django(十七)Ajax全套

Posted 狂奔~

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了Django(十七)Ajax全套相关的知识，希望对你有一定的参考价值。

http://www.cnblogs.com/wupeiqi/articles/5703697.html


    - 文件上传
        - 普通上传
        - 自定义页面上传按钮
        - 基于Form做上传
        - Ajax上传文件？？？？？

一，上传文件

from django.shortcuts import render,redirect, HttpResponse

# Create your views here.

def update(request):
    if request.method == \'GET\':
        return render(request, \'update.html\')
    else:
        username = request.POST.get(\'username\')
        img = request.FILES.get(\'img\')
        print(img)
        print(username)
        file_name = img.name
        file_size = img.size
        print(file_name, file_size)
        f = open(img.name, \'wb\')
        for line in img.chunks():
            f.write(line)
        f.close()


        return HttpResponse("ok")
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>

<form action="/update/" method="post" enctype="multipart/form-data">
    {% csrf_token %}

    <input type="text" name="username">
    <div style="position: relative">
        <a href="">上传</a>
       <input type="file" name="img" style="opacity:0; position: absolute;left: 0;top: 0;">
    </div>

    <input type="submit" value="提交" />
</form>

</body>
</html>

基于Form上传

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>

<form action="/update/" method="post" enctype="multipart/form-data">
    {% csrf_token %}

    {{ obj.user }}
    {{ obj.img }}

    <input type="submit" value="提交" />
</form>

</body>
</html>
from django.shortcuts import render,redirect, HttpResponse

# Create your views here.
from django import  forms
from django.forms import fields
class Upload(forms.Form):
    user = fields.CharField()
    img = fields.FileField()

def update(request):
    if request.method == \'GET\':
        obj = Upload()
        return render(request, \'update.html\',{\'obj\':obj})
    else:
        obj = Upload(request.POST, request.FILES)
        if obj.is_valid():
            username = obj.cleaned_data[\'user\']
            img = obj.cleaned_data[\'img\']
            print(img)
            print(username)
            file_name = img.name
            file_size = img.size
            print(file_name, file_size)
            f = open(img.name, \'wb\')
            for line in img.chunks():
                f.write(line)
            f.close()


        return HttpResponse("ok")

 

以上是关于Django(十七)Ajax全套的主要内容，如果未能解决你的问题，请参考以下文章

框架----Django之Ajax全套实例

Django 第十七篇使用Form组件和Ajax实现用户注册

Ajax全套

Vue3官网-高级指南（十七）响应式计算`computed`和侦听`watchEffect`（onTrackonTriggeronInvalidate副作用的刷新时机`watch` pre）(代码片段

django入门全套(第一部)

Python自动化开发学习24-Django中（AJAX）