Aynı Sayfada Post Etmek Yardım (jquary)

<form id="form1" name="form1" method="post" action="kaydet.php">
  <p>
    <label for="textfield">İsim</label>
    <input type="text" name="textfield" id="textfield" />
  </p>
  <p>
    <label for="textfield2">Soyisim</label>
    <input type="text" name="textfield2" id="textfield2" />
  </p>
  <p>
    <label for="textfield3">telefon</label>
    <input type="text" name="textfield3" id="textfield3" />
  </p>
  <p>
    <input type="submit" name="button" id="button" value="Submit" />
  </p>
</form>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
<script>
$("#button").click(function(e) {
  e.preventDefault();
  $.ajax({
    type: "POST",
    url: "kaydet.php",
    data: $("#form1").serialize()
  }).done(function(data) {
    alert("Form gönderildi. Kaynak: " + data);
  });
});
</script>

emrenazli adlı üyeden alıntı: mesajı görüntüle

hocam öncellikle çok teşekkür ederim yazdığınız kodu kullandım ve çok işime yaradı R10+ınızı da verdim

ancak resim upload olmuyor bunun sebebi ne olabilir yada baska bir yol var mıdır

<input type="file" id="dosya" name="dosya" />

<script>
$("#button").click(function(e) {
  e.preventDefault();
  var formData = new FormData($("#form1")[0]);
  $.ajax({
    type: "POST",
    url: "kaydet.php",
    data: formData,
    processData: false,
    contentType: false,
  }).done(function(data) {
    alert("Form gönderildi. Kaynak: " + data);
  });
});
</script>

echo "<pre>";
print_r($_FILES);
echo "</pre>";