jQuery傳遞資料同時上傳檔案到php背景問題

php資料jquery

各位大神們好，我是一名學生正在自學編程，一段手機上傳圖片程式如下：
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;}

