开发者社区> 问答> 正文

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

展开
收起
小旋风柴进 2016-03-09 16:53:17 2530 0
1 条回答
写回答
取消 提交回答
  • jquery.form.js这个插件,会帮你处理文件(如果支持H5的FormData就用这个,否则iframe模拟),文件你直接用"picture":$("#picture").val()这样获取到的是文件名称,不是文件2进制数据

    2019-07-17 18:56:25
    赞同 展开评论 打赏
问答排行榜
最热
最新

相关电子书

更多
阿里云栖开发者沙龙PHP技术专场-直面PHP微服务架构挑战-高驰涛 立即下载
PHP安全开发:从白帽角度做安全 立即下载
PHP 2017.北京 全球开发者大会——高可用的PHP 立即下载