当前位置:Gxlcms > PHP教程 > 【手机上传】jQuery传递数据同时上传文件到php后台接受不到的问题

【手机上传】jQuery传递数据同时上传文件到php后台接受不到的问题

时间:2021-07-01 10:21:17 帮助过:17人阅读

php手机jquery

各位前辈们好,这个问题困扰我挺长时间了,这是我之前的提问,我在网上下载的一份不完整源码:前端有一个上传框,上传图片后会自动生成预览图,可是后台php页面用post方法或者file方法都收不到上传的文件,text文本数据可以收到。有大神告诉我说用form.js插件,小弟不才怎么弄也不会,所以求大神告知详细一点的操作,在哪里添加什么才好?代码如下:前端
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;}

人气教程排行