標籤: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 檔案上傳 草稿