javascript - PHP not receiving formData object from ajax - Stack Overflow

admin管理员组

文章数量:1355648

I'm testing out sending a formData object to PHP (I am following /), but am having some difficulty getting it off the ground. First, the formData object is created and populated with:

var formdata = new FormData();
formdata.append('my_key','my_value');

Then my ajax call with jQuery is:

  $.ajax({
     url: 'php_upload.php',
     type: 'POST',
     cache: false,
     data: formdata,
     processData: false,
     contentType: false,
     success: function (response) {
     console.log(response);
  }
  }); 

With the php_upload.php file containing:

<?php
    echo $_FILES['my_key']['name'];
?>

But I get an undefined index: my_key error in the console.

Anyone have any idea what I might be doing wrong? Been scratching my head for ages.

I'm testing out sending a formData object to PHP (I am following http://net.tutsplus./tutorials/javascript-ajax/uploading-files-with-ajax/), but am having some difficulty getting it off the ground. First, the formData object is created and populated with:

var formdata = new FormData();
formdata.append('my_key','my_value');

Then my ajax call with jQuery is:

  $.ajax({
     url: 'php_upload.php',
     type: 'POST',
     cache: false,
     data: formdata,
     processData: false,
     contentType: false,
     success: function (response) {
     console.log(response);
  }
  }); 

With the php_upload.php file containing:

<?php
    echo $_FILES['my_key']['name'];
?>

But I get an undefined index: my_key error in the console.

Anyone have any idea what I might be doing wrong? Been scratching my head for ages.

• php
• javascript
• jquery
• ajax

Share Improve this question Follow edited Jan 6, 2013 at 22:51 Ali Ben Messaoud 11.9k88 gold badges5757 silver badges8888 bronze badges asked Jan 6, 2013 at 22:34 xdlxdl 1,11022 gold badges1414 silver badges2222 bronze badges

Add a ment  | 

1 Answer 1

Sorted by: Reset to default 8

You haven't added any files to the FormData, just a string which can be accessed by $_POST['my_key'].

To pass a file the second parameter of FormData.append has to be a FILE or a BLOB.

本文标签： javascriptPHP not receiving formData object from ajaxStack Overflow