jQuery+ajax实现文件上传

我在写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);
            }
        }
    })