JQuery AJAX файл загрузки PHP

Я хочу осуществить простую загрузку файлов на моей интранет-странице с минимально возможными настройками.

Это моя часть HTML:

<input id="sortpicture" type="file" name="sortpic" />
<button id="upload">Upload</button>

, и это мой скрипт JS jquery:

$("#upload").on("click", function() {
    var file_data = $("#sortpicture").prop("files")[0];   
    var form_data = new FormData();
    form_data.append("file", file_data);
    alert(form_data);
    $.ajax({
        url: "/uploads",
        dataType: 'script',
        cache: false,
        contentType: false,
        processData: false,
        data: form_data,                         
        type: 'post',
        success: function(){
            alert("works"); 
        }
    });
});

В корневом каталоге веб-сайта есть папка с именем «uploads». , с разрешениями на изменение для пользователей и IIS_users.

Когда я выбираю файл с формой файла и нажимаю кнопку загрузки, первое предупреждение возвращает «[объект FormData]». второе предупреждение не вызывается, и папка «uploads» тоже пуста!?

Может ли кто-нибудь помочь мне выяснить, в чем дело?

Также следующим шагом должно быть переименование файл с именем, созданным на стороне сервера. Может быть, кто-то может дать мне решение для этого тоже.