JQuery $ _POST和$ _FILES数组是空的

Question

我想从JQuery模式中上传图像。形式隐藏在PHP和一旦链接被点击出现的模态窗口，有一个非常简单的形式一起，只是一个文件上传字段

<form action="" method="post" enctype="multipart/form-data" id="uploadprofileimage" name="uploadprofileimage"> 
     <label for="image">Upload a picture of the item:</label> 
     <input type="file" name="image" id="image"> 
     </form> 

然而，当上传按钮被点击的形式是序列化和发送。要尝试解决此问题，我已回发到该页面，并且在转储$ _POST和$ _FILES时数组为空，我在哪里出错？当我将变量发布到PHP时，我已经完成了发布，但由于某种原因，我无法发布表单！

下面是我的jQuery代码，希望有人能帮助！感谢

$("[href='#avatar']").click(function() { 
      $("#profile-upload").dialog({ 
       title: 'Add a profile image', 
       width: 400, 
       height: 200, 

       buttons:[ 

       { 
       text: 'Upload', 
       click: function(e) { 
        e.preventDefault(); 
        var post = $("#uploadprofileimage").serialize(); 
        $.post("profiles.php", post, function(data){ 
         console.log(post); 
         console.log(data); 


        },'json'); 


       } 


       }, 

       { text: 'Close', click: function() { $(this).dialog('close');}} 



       ] 


      }); 
    }); 

Answer 1

使用AJAX你不能上传文件。但是，您可以使用模拟AJAX操作的众多插件之一。他们通过在后台创建iframe并通过这种方式提交数据来完成此操作。尝试搜索jQuery文件上传插件。