xmlhttprequestが正常に機能しない

Question

upload.onprogressが別の機能になっていると正しく動作しない理由を知っている人は誰ですか？

コード（プログレスバーがゆっくりと動いて）正常に動作：

 xhr.upload.onprogress = function(e) { 
      if (e.lengthComputable) { 
       progress.value = (e.loaded/e.total) * 100; 
      } 
     }; 

が、私は機能にそれを置けば、それはもう動作しません。第二のコードで

xhr.upload.onprogress = uploadProgress(event); 

function uploadProgress(e) { 
    if (e.lengthComputable) { 
     progress.value = (e.loaded/e.total) * 100; 
    } 
} 

、進捗状況ファイルのアップロードが完了してから100％にジャンプします。アップロード中に100％にうまく移動します。

---

私は、提供されたソリューションを試しました。それを関数の外に置く方法はありませんか？ uploadProgress(event);で

 function uploadFile(blobFile, fileName) { 
      ... 
      ... 

      // Listen to the upload progress for each upload. 
      xhr.upload.onprogress = uploadProgress; 

      // Progress Bar Calculation why it has to be in uploadFile function.. 
      function uploadProgress(e) { 
       if (e.lengthComputable) { 
        progress.value = (e.loaded/e.total) * 100; 
       } 
      }        

      uploaders.push(xhr); 
      xhr.send(fd); 
     } 

     //it does not work if I put it outside the function. is there anyway to do this? 
     function uploadProgress(e) { 
      if (e.lengthComputable) { 
       progress.value = (e.loaded/e.total) * 100; 
      } 
     } 

Answer 1

もし関数自体を呼び出し、コールバック関数としてそれを割り当てるxhr.upload.onprogressに戻り値を代わりに割り当てる：使用すべき

xhr.upload.onprogress = uploadProgress; 

Answer 2

第2の例で

xhr.upload.onprogress = uploadProgress; 

not

xhr.upload.onprogress = uploadProgress(event); 

関数への参照ではなく、関数の呼び出しの結果を割り当てました。

Answer 3

コールバックとして割り当てる前に関数を定義するのはどうですか？ 後で関数を定義するときに、JavasCriptで問題が発生することがあります。

私はあなたが交換することができます意味：

// Progress Bar Calculation 
function uploadProgress(e) { 
    if (e.lengthComputable) { 
     progress.value = (e.loaded/e.total) * 100; 
    } 
} 
// Listen to the upload progress for each upload. 
xhr.upload.onprogress = uploadProgress;