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;
}

3个回答

jquery.form.js这个插件,会帮你处理文件(如果支持H5的FormData就用这个,否则iframe模拟),文件你直接用"picture":$("#picture").val()这样获取到的是文件名称,不是文件2进制数据

qq_24946941
唱山歌的小修修 谢谢 我去试试
4 年多之前 回复
qq_24946941
唱山歌的小修修 谢谢,不过有点复杂
4 年多之前 回复

不知道对不对 但是文件上传是要转成字节流的 你代码里没写到 enctype="multipart/form-data" 加上这个试试

Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
立即提问