码迷,mamicode.com
首页 > Web开发 > 详细

ajax 文件上传 草稿

时间:2018-08-29 14:34:48      阅读:150      评论:0      收藏:0      [点我收藏+]

标签:col   path   leo   href   btn   text   ref   草稿   boot   

eg

{% load static %}
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>xmltoxlsx</title>
    <link rel="stylesheet" href="{% static ‘plugins/bootstrap3/css/bootstrap.min.css‘ %}">

</head>
<body>

<div class="row">
    <div class="col-md-offset-4 col-md-4">
                    <div class="panel panel-info">
                <div class="panel-heading">
                    <h3 class="panel-title text-center" >xml2xlsx</h3>
                </div>
                        </div>
                <div class="panel-body">
                        {% csrf_token %}
                        <div class="form-group">
                            <input type="file" name="xmlFile" id="xmlFile">
                        </div>
                        <button  id="btn" onclick="AjaxUploadFile()">上传</button>


                </div>
            </div>
    </div>
    {{ path_save }}
</div>

<script src="{% static ‘plugins/jquery3.2.1/jquery-3.2.1.min.js‘ %}"></script>


<script>

    function AjaxUploadFile() {
        var fileobj = $("#xmlFile")[0].files[0];
        var form = new FormData();
        form.append(‘xmlFile‘,fileobj);
        form.append("csrfmiddlewaretoken", $("[name=‘csrfmiddlewaretoken‘]").val());
        $.ajax({
            type:‘POST‘,
            url:‘{% url "XmlTools:index_xls" %}‘,
            data:form,
            processData:false,
            contentType:false,
            success:function (arg) {
                console.log(arg);
                alert(arg);

            }
        })

    }

</script>
</body>
</html>

  

ajax 文件上传 草稿

标签:col   path   leo   href   btn   text   ref   草稿   boot   

原文地址:https://www.cnblogs.com/0bug/p/9552780.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!