javascript 上传图书与 - xhr.js

Posted 2021-05-04

function uploadBook(files) {
   var data = new FormData()
   files.forEach(function(file){
      data.append('file[]', file)
   })
    
   var xhr = new XMLHttpRequest();
   
   xhr.upload.addEventListener("progress", function(evt){
      if (evt.lengthComputable) {
          onProgress(evt) //funckja obsługująca przeliczanie postępu na procenty
      }
   }, false);
    
   xhr.open('POST', config.apiUrl + '/books/', true);
   xhr.setRequestHeader("Authorization", "Bearer TOKEN_HERE");
   xhr.send(data);
}

function onProgress(e) {
    let progressIndicator = document.getElementById("progressIndicator");
    let percentComplete = Math.round( (e.loaded / e.total) * 100 );
   
    progressIndicator.innerHTML = "<span>" + percentComplete + "%" + "</span>";
    progressIndicator.style.width = percentComplete + "%";
}