【手機上傳】jQuery傳遞資料同時上傳檔案到php後台接受不到的問題

php手機jquery

各位前輩們好，這個問題困擾我挺長時間了，這是我之前的提問，我在網上下載的一份不完整源碼：前端有一個上傳框，上傳圖片後會自動產生預覽圖，可是後台php頁面用post方法或者file方法都收不到上傳的檔案，text文本資料可以收到。有大神告訴我說用form.js外掛程式，小弟不才怎麼弄也不會，所以求大神告知詳細一點的操作，在哪裡添加什麼才好？代碼如下：

html代碼

js代碼

 function uploadPreview(files){    if( !window.FileReader ){}   //此處為一些條件    $(".file-show").html("預覽載入中...");    var reader = new FileReader();    reader.onload = function(e)    {        $(".file-show").html("");        $("").appendTo($(".file-show")).click(function()        {            $(this).remove();            $("#picture").val("");        });    }    reader.readAsDataURL(files[0]);}function postTopic()            {    var msg = $.trim($('textarea[name=message]').val());    var picture = "";    picture = $("#previewImg").attr("src");    $(".loading").show();    $("#add-topic-form").hide();    $.post("addTopic.php",{"do":"addTopic","msg":msg,"picture":$("#picture").val()},function(data){} //在addTopic.php頁面接收不到東西    {        if (data.result == "login")        {            location.href = "./passport.php";        }        else if (data.result == "success")        {            location.href = "./?cid=" + $('input[name=cid]').val();        }        else if (data.result == "error")        {            alert(data.message);            $(".loading").hide();            $("#add-topic-form").show();            $('html, body').animate({scrollTop: $(document).height()}, 300);        }    },"json");    return false;}

