Тот же файл не загружается второй раз ajax php

Question

Каждый раз, когда я загружаю mp3-файл во второй раз, он не загружается на сервер. Я не получаю никаких сообщений об ошибках. Есть идеи, что не так?

Вот мой код:

$("#fileToUploads").on("change ", function(e) {
  var file_data = $('#fileToUploads').prop('files')[0];
  var form_data = new FormData();
  form_data.append('fileToUploads', file_data);
  $.ajax({
    url: "modules/phone/newholdmusic.php",
    type: "POST",
    data: form_data,
    contentType: false,
    cache: false,
    processData: false,
    beforeSend: function() {
      $("#loading-images").show();
    },
    success: function(response) {
      $("#selnames").html(response);
      $("#loading-images").hide();
      $("#fileToUploads").val('');
      $("#fileToUploads").val("");
      setTimeout(function() {
        $('#selnames').fadeOut();
      }, 5000);
    }
  });
});

<form name="holdmusicform" id="holdmusicform" action="modules/phone/holdmusics.php" method="POST" enctype="multipart/form-data" class="form-inline for-frm" onsubmit="return validatemusicForm()">
  <input type="file" name="fileToUploads" id="fileToUploads">
</form>

Answer 1

, пожалуйста, сделайте следующее изменение, используйте живую функцию

$("#fileToUploads").on("change ", function(e) {

до

$("#fileToUploads").live('change', function() {