2017-10-11 6 views
0

動作しませんが、それはこの機能xhr.upload.addEventListener("progress", function (e){...}) ... responesコンソル上アップロードは私がアップロードのプログレスバーを作りたい

$.ajax({ 
    xhr: function() { 
     var xhr = new window.XMLHttpRequest(); 
     xhr.upload.addEventListener("progress", function (e) { 
      if (e.lengthComputable) { 
       console.log(e.loaded + "/" + e.total) 
      } 
     }, false); 


     return xhr; 
    }, 
    type: "POST", 
    url: server + '/api/UserFiles/UploadFile', 
    contentType: false, 
    processData: false, 
    data: data, 
    success: function (result) { 
     alert("Uploaded Success"); 

    }, 
    error: function (err) { 

     console.log(err); 
    } 
}); 

未定義の応答エラーエラーを動作しないことです:エラーエラー未定義

+3

あなたはエラーコールバックでは 'err'、ちょうど'(XHR、ステータス、P3、P4) 'と呼ばれるものを渡していません。 – msanford

+0

あなたは私のコメントと一致するようにコードを編集したり、オリジナルのコードは、あなたが書いたコードでありましたか?もしそうなら、あなたはそれを質問に残すべきです。 – msanford

答えて

1

あなたは正しくエラーハンドラを実装していませんでした:あなたの例では、あなたが存在しないerrと呼ばれる変数を記録しようとします。

(編集:[OK]を、しても、編集されたコードで、読み続ける)

According to documentation、それは代わりにする必要があります:サイドコメントとして

error: function (xhr, textStatus, thrownError) { 
    console.log(xhr.status); 
    console.error(thrownError); 
} 

alert()を使用していない:それはありませんその上、印刷データテーブル、実行タイマー、ショースタックトレースのような驚くべきことを行う、とすることができますconsole APIと同じくらい強力。

関連する問題