Node.js - Multipart: XMLHttpRequest получает прогресс в AJAX POST

Question

Мне нужно обновить клиент по размеру загружаемого файла, вроде того, как это делается на YouTube: вы загружаете файл и до тех пор, пока он не будет загружен на 100% получите обновление о том, сколько из них было загружено до сих пор. Я знаю, что вы можете получить размер файла, который кто-то хочет загрузить, с multipart req.files.myFile.size, и это даст вам полный размер файла. Но есть ли способ получить текущий размер файла на диске? Благодарю вас!

Answer 1

Вы можете сделать это с помощью события XHR2 progress, как задокументировано here on MDN. Например:

var xhr = new XMLHttpRequest(); 
xhr.open('POST', '/upload', true); 
xhr.onload = function(e) { ... }; 

// `progress#uploadProgress` looks something like: 
// <progress id="uploadProgress" min="0" max="100" value="0">0%</progress> 
var progressBar = document.querySelector('progress#uploadProgress'); 
// Listen to the upload progress. 
xhr.upload.onprogress = function(e) { 
    if (e.lengthComputable) { 
    progressBar.value = (e.loaded/e.total) * 100; 
    progressBar.textContent = progressBar.value; 
    } 
}; 

var form = new FormData(document.querySelector('form#uploadForm')); 
xhr.send(form); 

Это даст вам прогресс всей формы, но не для отдельных файлов.