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