jquery ajaxファイルのアップロードが動作しませんvar_dump（$ _ FILES）は空の配列を返します

Question

私はこのウェブサイトで自分の質問に対する解決策を見つけようとしましたが、問題を解決できませんでした。 それはhtmlの一部です：

<form action="" method="post" enctype="multipart/form-data" id="edit_profile_form" > 
<input type="file" name="new_profile_photo" id="new_profile_photo" value="Choose Photo" > 
<button class="button11" name="save_changes" id="button11" >SAVE </button> 
</form> 

これはAJAXコード：

<script type="text/javascript"> 
    $(document).on('click', '#button11', function(){ 
     event.preventDefault(); 

      var file_data = $("#new_profile_photo").prop('files')[0]; 
      var form_data = new FormData(); 
      form_data.append('file', file_data); 

     $.ajax({ 
        url:"ajax/editprofile.php", 
        method:"POST", 
        async: false, 
        cache: false, 
        contentType: false, 
        processData: false, 
        data: form_data, 

        success:function(data){ 
         $("#error_messages").html(data); 

        } 
       }); 


     }); 
</script> 

私が書くのvar_dump（$ _ FILES）それは私に空の配列を提供します。もし誰かがそれを解決するために知っていれば助けてください。おかげ

Answer 1

はこれを試してみてください：

JS

$('#upload').on('click', function() { 
      var file_data = $('#pic').prop('files')[0]; 
      var form_data = new FormData(); 
      form_data.append('file', file_data); 

      $.ajax({ 
        url   : 'upload.php',  // point to server-side PHP script 
        dataType : 'text',   // what to expect back from the PHP script, if anything 
        cache  : false, 
        contentType : false, 
        processData : false, 
        data  : form_data,       
        type  : 'post', 
        success  : function(output){ 
         alert(output);    // display response from the PHP script, if any 
        } 
      }); 
      $('#pic').val('');      /* Clear the file container */ 
     }); 

PHPの

<?php 
     if ($_FILES['file']['error'] > 0){ 
      echo 'Error: ' . $_FILES['file']['error'] . '<br>'; 
     } 
     else { 
      if(move_uploaded_file($_FILES['file']['tmp_name'], 'uploads/' . $_FILES['file']['name'])) 
      { 
       echo "File Uploaded Successfully"; 
      } 
     } 

    ?> 

それは