jQuery和php文件上传

jQuery和php文件上传,php,jquery,html,Php,Jquery,Html,我不明白,谷歌也没有给我答案。我想上传一个文件,结果显示在div中,没有页面重新编码,但我不能得到它 html: 始终显示“错误”文本 顺便说一句,很抱歉英语不好。通常,要提交表单并保持在同一页面上,您必须使用Javascript阻止默认表单操作,如下所示: $("#userpic").submit(function(event) { event.preventDefault(); ... }); 但是,通过Ajax上传图像是相当棘手的——请参见: 没有。只需返回false即可。pre

我不明白,谷歌也没有给我答案。我想上传一个文件,结果显示在div中,没有页面重新编码,但我不能得到它

html:

始终显示“错误”文本


顺便说一句,很抱歉英语不好。

通常,要提交表单并保持在同一页面上,您必须使用Javascript阻止默认表单操作,如下所示:

$("#userpic").submit(function(event) {
  event.preventDefault();
  ...
});
但是,通过Ajax上传图像是相当棘手的——请参见:


没有。只需返回false即可。preventDefault在链接等上是必需的,但在表单上不是必需的。
jQuery(function(){
        jQuery('#userpic').submit(function(){
            jQuery.ajax({
                type: 'POST',
                enctype: 'multipart/form-data',
                url: jQuery('#userpic').attr('action'),
                data: jQuery('#userpic').serialize(),
                success: function(data){
                    if(data){
                        jQuery('#picinfo').html(data);
                    }else{
                        jQuery('#uerpic').fadeOut(500);
                        jQuery('#picinfo').html('<center><img src="img/loader.gif" /></center>');
                            window.location = 'index.php';
                    }
                }
            });
            return false;
        });
    });
if(isset($_FILES['img_to_upload']['name']) && !empty($_FILES['img_to_upload']['name'])){
        echo 'Done!';
    }else{
        echo 'Error!';
    }
$("#userpic").submit(function(event) {
  event.preventDefault();
  ...
});