Загрузка вложения при редактировании элемента списка SharePoint с использованием Jquery не работает

У меня есть настраиваемая форма редактирования элемента SharePoint. Форма работает хорошо для всего, пока я не попытаюсь добавить вложения. Пишет, что файлы загружены, но не загружается. это дает мне это предупреждение на консоли

jquery-1.12.4.js:10208 [Deprecation] Synchronous XMLHttpRequest on the main thread is deprecated because of its detrimental effects to the end user's experience.

вот мой код

               var files= fileList.length;
             //fileList is an array which has the files i need to upload
                $.ajax({
                    url: "https://mysite/_api/web/lists/getbytitle('EventTracker')/items("+id+")",
                    type: "POST",
                    contentType: "application/json;odata=verbose",
                    data: JSON.stringify(itemproperties),
                    async: false,
                    headers: {
                    "accept": "application/json;odata=verbose",  
                    "X-RequestDigest": $("#__REQUESTDIGEST").val(),  
                    "content-Type": "application/json;odata=verbose",  
                    "IF-MATCH": "*",  
                    "X-HTTP-Method": "MERGE"},
                    success: function (data)
                     {
                    
                            if(files>0)
                            {   
                                    for(var i=0; i<files;i++)
                                    {
                                    var file= fileList[i];
                                    console.log("updated" + fileList[i]);
                                    uploadFile(id, file);
            
                                    }
                                    $("table.tbl_jatoc").hide();
                                     $("#thankyou").show();
                              }
                              
                     },
                    error: function (fail) {
                    //$("#err").show();
                    alert("<br/> Error occured please infor the administrators");
                    
                    }
                    }); 
                    
                             
                   });



here is the file upload function
   function uploadFile(data, file)
  {
   var getFileBuffer = function (file) {
    var deferred = $.Deferred();
    var reader = new FileReader();

    reader.onload = function (e) {
        deferred.resolve(e.target.result);
    }

    reader.onerror = function (e) {
        deferred.reject(e.target.error);
    }

    reader.readAsArrayBuffer(file);

    return deferred.promise();
};

getFileBuffer(file).then(function (buffer) {
    var binary = "";
    var bytes = new Uint8Array(buffer);
    var i = bytes.byteLength;
    while (i--) {
        binary = String.fromCharCode(bytes[i]) + binary;
    }
    var fileName = file.name;
    var error = ''
    $().SPServices({
        operation: "AddAttachment",
        async: false,
        listName: "AJI Event Tracker",
        listItemID: data,
        fileName: fileName,
        attachment: btoa(binary),
        completefunc: function (xData, Status) {
            console.log(file.name+" " + "uploaded");
        }
    });
});

}

Я могу обновить элементы, но файлы не загружаются во вложения. он говорит, что загружен в консоли, но выдает это предупреждение. если снимаю раздел загрузки файлов то работает нормально. Я попытался изменить async на true, но это не помогло

Любая помощь или руководство высоко ценится.