>[success] # 原生的ajax 上傳圖片 ~~~ 1.接收頁面上的圖片對象，要是用files 通過id獲取document.getElementById('img').files[0] 2.傳遞的時候，由于圖片是對象，所以這里不能使用一般的字典保存，要創建new FormData()對象，通過append方法來保存 ~~~ >[danger] ##### js 寫法 ~~~ function Ajax2() { var img = document.getElementById('img').files[0] {#保存數據，可以保存對象#} var data = new FormData() {#添加數據#} data.append("kv","va") data.append("k1",img) //創建對象 var xhr = new XMLHttpRequest(); xhr.onreadystatechange = function () { if(xhr.readyState==4){ console.log(xhr.responseText); } } //獲取數據 xhr.open('POST','/ajax/'); xhr.send(data); }; ~~~ >[danger] ##### Html ~~~ <input type="file" id="img"> <a href="#" onclick="Ajax2()">上傳</a> ~~~