我在寫jQuery接口上傳文件的時候，遇到一個特頭疼的問題，那就是上傳圖片，剛開始那我以為一個簡單的form表單就搞定了，沒想到寫了兩個小時都沒寫出來，心情那個煩躁啊，有一種想砸電腦的沖動，最后那我就用下面的方法實現了這個功能，突然發現好簡單，分享給大家！廢話不多說，直接上干貨，代碼走起。。。。
代碼塊
html代碼段
<input type="file" name="photo" id="photo" value="" placeholder="免冠照片"> <input type="button" onclick="postData();" value="下一步" name="" style="width:100px;height:30px;">- 1
- 2
jQuery代碼段
<script type="text/javascript"> function postData(){ var formData = new FormData(); formData.append("photo",$("#photo")[0].files[0]); formData.append("service",'App.Passion.UploadFile'); formData.append("token",token); $.ajax({ url:'http://www.baidu.com/', /*接口域名地址*/ type:'post', data: formData, contentType: false, processData: false, success:function(res){ console.log(res.data); if(res.data["code"]=="succ"){ alert('成功'); }else if(res.data["code"]=="err"){ alert('失敗'); }else{ console.log(res); } } })