Node.js - Multipart：AJAX POSTの進捗状況をXMLHttpRequestで取得する

Question

アップロードするファイルのサイズに合わせてクライアントを更新する必要があります。これは、youtubeのようなものです。ファイルをアップロードして100％アップロードするまでこれまでアップロードされているコンテンツの量を更新してください。誰かがアップロードしたいファイルのサイズをマルチパート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); 

これは、あなたの個々のファイルのためしかし全体ではなく、フォームの進捗状況を与えます。