jquery ajax文件上传不工作var_dump($ _ FILES)给出空数组

i have tried to find a solution to my question in this website but i couldn't solve my problem. it is html part:

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

this is ajax code:

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

when i write var_dump($_FILES) it gives me empty array. if anyone knows ho to solve it please help. thanks

查看全部
donglong2856
donglong2856
2016/08/09 08:46
  • form-data
  • php
  • ajax
  • jquery
  • 点赞
  • 收藏
  • 回答
    私信
满意答案
查看全部

1个回复