1. HTML 代碼
// 表單域
<input tupe="text" id="fileName" name="fileName">
<input type="file" id="file" name="file"/>2. Javascript 代碼
// 代碼可以直接進行使用
let formData = new FormData();
let ajaxHttp = null;
if (window.XMLHttpRequest) {// code for IE7+, Firefox, Chrome, Opera, Safari
ajaxHttp = new XMLHttpRequest();
}else {// code for IE6, IE5
ajaxHttp = new ActiveXObject("Microsoft.XMLHTTP");
}
ajaxHttp.open("POST","/upload",true);
ajaxHttp.setRequestHeader("X-Requested-With", "XMLHttpRequest");
formData.append("fileName",document.getElementById("fileName").value);
formData.append("file",document.getElementById("file").files[0]);
ajaxHttp.send(formData);
ajaxHttp.onreadystatechange=function() {
if (ajaxHttp.readyState==4) {
if (ajaxHttp.status==200) {
console.log("上傳成功"+ajaxHttp.responseText);
}else {
console.log("上傳失敗"+ajaxHttp.responseText);
}
}
}
微笑的java
歡迎關注轉發評論點贊溝通，讓編碼不在孤單，
轉載請註明出處，本文鏈接：https://www.uj5u.com/qianduan/292736.html
標籤：其他
上一篇：jQuery全選案例
下一篇：jQuery常用選擇器