ajax 文件上传 草稿

Posted 0bug

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了ajax 文件上传 草稿相关的知识,希望对你有一定的参考价值。

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 文件上传 草稿的主要内容,如果未能解决你的问题,请参考以下文章

AJAX个人草稿

jquery ajax实现上传文件代码,带进度条

jquery ajax实现上传文件代码,带进度条

无法使用 $ajax() 在 PHP 中上传文件

AJAX上传文件和文本不起作用

jQuery / ajax 上传图片并保存到文件夹