jQuery传递数据同时上传文件到php后台的问题

各位大神们好，我是一名学生正在自学编程，一段手机上传图片程序如下：
1.前端有一个上传框，上传图片后会自动生成预览图
2.如下程序是部分js文件，一些无关的代码已经删掉了，
3.后台post.php页面用post方法或者file方法都收不到上传的文件，text文本数据可以收到
4.前端有获得 $("#picture").val() 的代码，我这个js是不是没有把文件传成功啊？少了点什么呢？ 预览图可以正常生成！求大神们指点一二，小弟感激不尽！

 function postTopic(){    var cid = $('#cid').val();    if( parseInt(cid) <1 )    {        alert("请选择分类");        $('#cid').focus();        return false;    }    var msg = $.trim($('textarea[name=message]').val());    if( msg.length > 500 )    {        $('textarea[name=message]').focus();        return false;    }    var picture = "";    if( $("#picture").val() == "" )    {        if( msg.length <1 )        {            $('textarea[name=message]').focus();            return false;        }    }    else    {        picture = $("#previewImg").attr("src");    }    $(".loading").show();    $("#add-topic-form").hide();    $.post("post.php",{"do":"addTopic","cid":cid,"msg":msg,"picture":$("#picture").val()},function(data)    {     if (data.result == "success")    {        //无关代码    },"json");    return false;}