Как можно с помощью JavaScript передать файл на сервер?

для этого нам понадобится FormData

var formData = new FormData();
// добавляем файл
formData.append('image', $('input[type=file]')[0].files[0]); 

отправляем аяксом

$.ajax({
    url: 'Your url here',
    data: formData,
    type: 'POST',
    contentType: false, 
    processData: false, 
    // ... другие опции
});

замечание - файл обязательно нужно отправлять методом POST

На чистом javascript это выглядит вот так:

Нужно создать FormData и прикрепить к нему File или Blob:

var formData = new FormData();
formData.append("file", document.querySelector('input').files[0]);

Отправить можно при помощи XMLHttpRequest:

var xhr = new XMLHttpRequest();
xhr.open("POST", "/url");
xhr.send(formData);

Или при помощи fetch:

fetch("/url", {
  method: 'POST',
  body: formData
}).then(function (response) {
   ...
});

Как это сделать при помощи жуквери Вам уже ответили