ajax图片上传

<form  name="myForm" enctype="multipart/form-data" >
    <input class="title input" type="text" placeholder="请输入标题" id="title" name="title">
    <input type="file" value="AjaxUpload" style="margin-top: 10px;" id="file" name="img">
    <textarea class="desc input" name="desc" id="desc" cols="30" rows="10" placeholder="请输入描述"></textarea>
    <textarea class="content input" name="content" id="" cols="30" rows="10" placeholder="请输入内容"></textarea>
    <input type="submit" class="a_button" style="margin: 10px auto;" href="" value="保存并发送" id="btn">
</form>

$('#btn').click(function () {
    var title = document.myForm.title.value;//标题
    var desc = document.myForm.desc.value;//简介
    var content = document.myForm.content.value;//内容
    var img = document.myForm.img.files[0];

    var form = new FormData();
    form.append('title',title);
    form.append('desc',desc);
    form.append('content',content);
    form.append('img',img);
    $.ajax({
        url: './add.php',
        type: 'post',
        data: form,
        contentType: false, //禁止设置请求类型
        processData: false, //禁止jquery对DAta数据的处理,默认会处理
        //禁止的原因是,FormData已经帮我们做了处理
        success: function (result) {
            //测试是否成功
            //但需要你后端有返回值
            alert(result);
        }
    })
})