玩轉圖片上傳————原生js XMLHttpRequest 結合FormData對象實現的圖片上傳
阿新 • • 發佈:2017-05-25
con tel ech 圖片 xmlhttp scrip state clas document
var form=document.getElementById("formId"); var formData=new FormData(form); var oReq = new XMLHttpRequest(); oReq.onreadystatechange=function(){ if(oReq.readyState==4){ if(oReq.status==200){ var json=JSON.parse(oReq.responseText); console.log(json); } } } oReq.open("POST", "http://localhost:3000/doup"); oReq.send(formData);
該方法是可以跨域的(端口不同的跨域),親測可用!
服務端如何處理的解決方案看我的這篇文章http://www.cnblogs.com/theone67/p/6698762.html
玩轉圖片上傳————原生js XMLHttpRequest 結合FormData對象實現的圖片上傳