Как отправить файл на сервер с помощью ajax?

Question

[Виталий Балаян]

function selectLocalImage() {
    var input = document.createElement("input");
    input.setAttribute("type", "file");
    input.click();
    // Listen upload local image and save to server
    input.onchange = () => {
        const file = input.files[0];
        // file type is only image.
        if (/^image\//.test(file.type)) {
            this.saveToServer(file, "image");
        } else {
            console.warn("Only images can be uploaded here.");
        }
    };
}

function saveToServer(file) {
// Помогите написать код чтоб он отправлял файл на сервер
}

Answer 1

[Ао]

function saveToServer(file, fileName) {
const formData = new FormData();
    formData.append(fileName, file);
}
fetch('/avatars', {
  method: 'POST',
  body: data
}).then(function(response){
return response.json();
})).then(function(json){
console.log("ответ от сервера", json);
}).catch(function(e){
console.log("ошибка", e);
})