POST-запрос Ajax через jQuery и FormData - $ _POST пуст на PHP

Я хочу загрузить изображение на сервер через ajax, используя jQuery и FormData.

Мой код jQuery выглядит следующим образом

var formData = new FormData("form")[0];
  var fileName = $("#InputLogo")[0].files[0].name;

  $.ajax ( {
      url : 'upload.php',
      type : 'POST',
      data : { "data" : formData, "fileName" : fileName },
      processData : false,
      success : function(data) {
          console.log(data);
          alert(data);
      }
  });

Этот код вызывается, когда пользователь выбирает новый файл для загрузки.

Серверной частью моего сервера является PHP, и он обрабатывает запрос следующим образом

$data = 
 Я хочу загрузить изображение на сервер через ajax, используя jQuery и FormData. 
 
 Мой код jQuery выглядит следующим образом 
 [110] 
 Этот код вызывается, когда пользователь выбирает новый файл для загрузки. 
 
 Серверной частью моего сервера является PHP, и он обрабатывает запрос следующим образом 
 [111] 
 Запрос POST выполняется, но  $ _ POST  остается пустым. 
 
 Я пытался найти решение, но не смог найти точное. 
 
 Любые предложения будут оценены. 
 
  РЕДАКТИРОВАТЬ:  Вот форма в HTML 
 
<form id=card-form" method="post" action="" >
      <div class="form-group">
    <label for="InputName">Name of the Company</label>
    <input type="text" class="form-control" id="InputName" placeholder="Enter a name">
    </div>
    <div class="form-group">
    <label for="InputEmail">Email</label>
    <input type="email" class="form-control" id="InputEmail" placeholder="Enter email">
    </div>
    <div class="form-group">
    <label for="InputLogo">Choose a company logo</label>
    <input type="file" id="InputLogo" accept="image/*">
    <p class="help-block">For good visibility, please limit the image to 200 x 200 px</p>
    </div>
    <button type="submit" class="btn btn-default">Submit</button>
  </form>
POST['data'];
$fileName = 
 Я хочу загрузить изображение на сервер через ajax, используя jQuery и FormData. 
 
 Мой код jQuery выглядит следующим образом 
 [110] 
 Этот код вызывается, когда пользователь выбирает новый файл для загрузки. 
 
 Серверной частью моего сервера является PHP, и он обрабатывает запрос следующим образом 
 [111] 
 Запрос POST выполняется, но  $ _ POST  остается пустым. 
 
 Я пытался найти решение, но не смог найти точное. 
 
 Любые предложения будут оценены. 
 
  РЕДАКТИРОВАТЬ:  Вот форма в HTML 
 
<form id=card-form" method="post" action="" >
      <div class="form-group">
    <label for="InputName">Name of the Company</label>
    <input type="text" class="form-control" id="InputName" placeholder="Enter a name">
    </div>
    <div class="form-group">
    <label for="InputEmail">Email</label>
    <input type="email" class="form-control" id="InputEmail" placeholder="Enter email">
    </div>
    <div class="form-group">
    <label for="InputLogo">Choose a company logo</label>
    <input type="file" id="InputLogo" accept="image/*">
    <p class="help-block">For good visibility, please limit the image to 200 x 200 px</p>
    </div>
    <button type="submit" class="btn btn-default">Submit</button>
  </form>
POST['fileName'];
$fp = fopen('/img/'.$fileName, 'w');
fwrite($fp, $data);
fclose($fp);
$returnData = array("data" => $data);
print_r(
 Я хочу загрузить изображение на сервер через ajax, используя jQuery и FormData. 
 
 Мой код jQuery выглядит следующим образом 
 [110] 
 Этот код вызывается, когда пользователь выбирает новый файл для загрузки. 
 
 Серверной частью моего сервера является PHP, и он обрабатывает запрос следующим образом 
 [111] 
 Запрос POST выполняется, но  $ _ POST  остается пустым. 
 
 Я пытался найти решение, но не смог найти точное. 
 
 Любые предложения будут оценены. 
 
  РЕДАКТИРОВАТЬ:  Вот форма в HTML 
 
<form id=card-form" method="post" action="" >
      <div class="form-group">
    <label for="InputName">Name of the Company</label>
    <input type="text" class="form-control" id="InputName" placeholder="Enter a name">
    </div>
    <div class="form-group">
    <label for="InputEmail">Email</label>
    <input type="email" class="form-control" id="InputEmail" placeholder="Enter email">
    </div>
    <div class="form-group">
    <label for="InputLogo">Choose a company logo</label>
    <input type="file" id="InputLogo" accept="image/*">
    <p class="help-block">For good visibility, please limit the image to 200 x 200 px</p>
    </div>
    <button type="submit" class="btn btn-default">Submit</button>
  </form>
POST);

Запрос POST выполняется, но $ _ POST остается пустым.

Я пытался найти решение, но не смог найти точное.

Любые предложения будут оценены.

РЕДАКТИРОВАТЬ: Вот форма в HTML

<form id=card-form" method="post" action="" >
      <div class="form-group">
    <label for="InputName">Name of the Company</label>
    <input type="text" class="form-control" id="InputName" placeholder="Enter a name">
    </div>
    <div class="form-group">
    <label for="InputEmail">Email</label>
    <input type="email" class="form-control" id="InputEmail" placeholder="Enter email">
    </div>
    <div class="form-group">
    <label for="InputLogo">Choose a company logo</label>
    <input type="file" id="InputLogo" accept="image/*">
    <p class="help-block">For good visibility, please limit the image to 200 x 200 px</p>
    </div>
    <button type="submit" class="btn btn-default">Submit</button>
  </form>