estrutura exemplo de vanilla javascript fazendo upload vai ajax

vanilla_javascript_ajax.js

function uploadFile (file) {
  return new Promise( (resolve, reject) => {
    const xhr = new XMLHttpRequest()

    let fd = new FormData()
    fd.append('the-file', file) 
    xhr.open('post', '/') 

    xhr.onerror = reject 
    xhr.onload = event => {
      resolve() 
    }

    if (xhr.upload) {
        xhr.upload.onprogress = progress => {
        console.log(Math.round((progress.loaded * 100) / progress.total) + '%')
      }
    } else {
      // tratamento em navegadores que não suportam xhr.upload
    }

    xhr.send(fd) 
  }
}