首頁 > 開發者 > JavaScript
原生javascript實現檔案非同步上傳的執行個體講解，javascript執行個體講解
：
代碼：（demo33.jsp）
<%@ page contentType="text/html;charset=UTF-8" language="java" %><html><head> <title>demo33.jsp</title></head><body><label for="text">名稱</label><input type="text" id="text" name="name"/><label for="file">檔案</label><input type="file" id="file" name="file"/><button type="button" onclick="ajaxUploadFile()">確定</button></body><script type="text/javascript"> function ajaxUploadFile() { var formData = new FormData(); var xmlhttp; if (window.XMLHttpRequest) {// code for IE7+, Firefox, Chrome, Opera, Safari xmlhttp = new XMLHttpRequest(); }else {// code for IE6, IE5 xmlhttp = new ActiveXObject("Microsoft.XMLHTTP"); } xmlhttp.open("POST","/data",true); xmlhttp.setRequestHeader("X-Requested-With", "XMLHttpRequest"); formData.append("name",document.getElementById("text").value); formData.append("file",document.getElementById("file").files[0]); xmlhttp.send(formData); xmlhttp.onreadystatechange=function() { if (xmlhttp.readyState==4) { if (xmlhttp.status==200) { console.log("上傳成功"+xmlhttp.responseText); }else { console.log("上傳失敗"+xmlhttp.responseText); } } } }</script></html>
以上這篇原生javascript實現檔案非同步上傳的執行個體講解就是小編分享給大家的全部內容了，希望能給大家一個參考，也希望大家多多支援幫客之家。
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
