JQuery Ajax - 文件和数据上传

Question

I am trying to create a form which uploads data and an image in the same submission. I've look all over and I can only seem to find people that are having trouble to upload files alone with JQuery. If I make content-type false then the data dosen't go through only the file. Here is the code:

<form action="/secret/includes/add_listing.php" id="listingfrm" name="listingfrm" action="javascript:;" enctype="multipart/form-data" method="post" accept-charset="utf-8">
  <div>
    <label for="title">Title</label>
    <div class="right">
      <div class="row">
        <div class="col-cst-1">
          <input type="text" name="title">
        </div>
      </div>
    </div>
  </div>
  <div>
    <label for="content">Description</label>
    <div class="right">
      <div class="row">
        <div class="col-cst-1">
          <textarea name="content" rows="5"></textarea>
        </div>
      </div>
    </div>
  </div>
  <div>
    <label for="image">Upload a Thumbnail</label>
    <!-- Browse to Upload Image (No more than 1MB) -->
    <div class="right">
      <div class="row">
        <div class="col-cst-1">
          <input type="file" name="listing_thumb" id="listing_thumb">
        </div>
      </div>
    </div>
  </div>
  <input type="submit" value="Submit">
</form>

function ajax(url, type, data) {
  var request
  if (type != "none") {
    request = $.ajax({
      url: url,
      type: type,
      data: data,
    });
  } else {
    request = $.ajax({
      url: url
    });
  }
  return request;
}
$(document).ready(function() {
  $(document).on("submit", "#listingfrm", function(event) {
    event.preventDefault();
    var form = $(this);
    var inputs = GetInputs(form);

    var serializedForm = form.serialize();
    inputs.prop("disabled", true);
    var request = ajax("includes/add_post.php", "post", serializedForm)
    request.done(function(response, textStatus, jqXHR) {
      console.log(response)
    })
    request.fail = ajax(function(jqXHR, textStatus, errorThrown) {
      console.error("Login Error: " + textStatus + " : " + errorThrown)
    })
    request.always(function() {
      inputs.prop("disabled", false);
    })
  });
});

When using this the title and the description don't go through to the PHP file however if I don't then the image dosen't.

</div>