Quincy.Coder的博客

我爱学习,学习使我快乐!!

Ajax之文件上传处理

前台处理

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="/static/jquery3.2.1.js"></script>
    <script src="/static/dist/sweetalert2.all.min.js"></script>
    <link rel="stylesheet" href="/static/dist/sweetalert2.min.css">
    <script src="https://cdn.bootcss.com/jquery-cookie/1.4.1/jquery.cookie.min.js"></script>

    <script>
        $(function () {
            var formData = new FormData();
            formData.append('file', $('#file')[0].files[0]);
            $('#sbt').click(function () {
                $.get({
                    url: '/get_result/',
                    data: formData,
                    done: function (data) {
                        alert('hello,jj')
                    },
                    fail: function () {
                        alert('失败')
                    }
                })
            })
        })

    </script>
</head>
<body>
<form action="/get_result/" method="post" enctype="multipart/form-data">
    {% csrf_token %}
    <p>文件<input type="file" name="file" id="file"></p>
    <input type="submit" value="提交" id="sbt">
</form>

</body>
</html>

后台处理

def get_result(request):

    with open(request.FILES.get('file').name, 'wb') as f:
        for item in request.FILES.get('file'):
            f.write(item)
    return HttpResponse('OK')

关键点在于:

前台通过$('#file')[0].files[0]获取上传的文件对象,后台通过request.Files.get('file')获取文件对象。
阅读更多
版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/qq_33733970/article/details/78536901
文章标签: ajax
个人分类: ajax HTML
想对作者说点什么? 我来说一句

ajax异步文件上传,servlet处理

2016年07月06日 192KB 下载

没有更多推荐了,返回首页

加入CSDN,享受更精准的内容推荐,与500万程序员共同成长!
关闭
关闭