進行状況イベントリスナーとのバックボーン同期のオーバーライド

デビッドジョーンズ

イベントsyncをリッスンするためにバックボーン関数をオーバーライドしようとしていますprogressただし、xhr.uploadは未定義であるため、以下のコードは機能しません。何か案は?

var Model = Backbone.Model.extend({

  ...

  sync: function(method, model, options) {
    options.beforeSend = function(xhr) {
      xhr.upload.addEventListener("progress", function(event) {
        if (event.lengthComputable) {  
          var percentComplete = event.loaded/event.total;
          console.log(percentComplete);
        }
      }, false); 
    }
    return Backbone.sync(method, model, options);
  },

  ...

});
デビッドジョーンズ

これが最終的に私たちのために働いたものです:

sync: function(method, model, options) { 
  options.beforeSend = function(xhr, settings) {
    settings.xhr = function() {          
      var xhr = $.ajaxSettings.xhr();
      xhr.upload.addEventListener("progress", function (event) {
        Math.ceil(event.loaded/event.total*100);
      }, false);
      return xhr;
    }
  }
  return Backbone.sync(method, model, options);
}

この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。

侵害の場合は、連絡してください[email protected]

編集
0

コメントを追加

0

関連記事

分類Dev

ファイルをアップロードするときに「進行状況」と更新イベントをajaxリクエストにバインドする方法

分類Dev

UIスレッドでのバックグラウンドスレッドの進行状況のレポート

分類Dev

Firebaseオフラインストレージの詳細-手動同期と進行状況情報

分類Dev

ダウンロードの進行状況バーを表示するイオン

分類Dev

サーバー操作のNode.jsクライアント側の進行状況インジケーター

分類Dev

ワークボックス-バックグラウンド同期-オフライン投稿-ブラウザがオンラインに戻ったときの再生イベントがトリガーされない

分類Dev

Javascriptイベントリスナーは他のボタンをオーバーライドしますか?

分類Dev

進行状況/通知を伴うサーバーへの非同期リクエスト

分類Dev

Javaコマンドラインの非決定的な進行状況バー

分類Dev

Condaアップデート:インストールの進行状況(バージョン4.3)

分類Dev

Delphiのチェックボックスリストと進行状況のあるファイルのコピー

分類Dev

youtube-dlファイルのダウンロードの進行状況とzenityプログレスバー

分類Dev

youtube-dlファイルのダウンロードの進行状況とzenityプログレスバー

分類Dev

ジャージークライアントのアップロードの進行状況

分類Dev

進行状況の通知とともにバックグラウンドでFirebaseStorageにファイルを継続的にアップロードする

分類Dev

Javaドライバーを使用してmongo DBでインデックス作成の進行状況を確認する

分類Dev

Blazorサーバー側を使用して、大きなファイルでコントローラーからクライアントへのファイルの進行状況のアップロードステータスを取得することは可能ですか?

分類Dev

バックボーン/ハンドルバー/ブートストラップ設定でのボタンクリックイベント処理

分類Dev

ウィジェットのクリック イベント リスナーをオーバーライドする - Appcelerator Titanium

分類Dev

Scalaのスレッドセーフ進行状況インジケーター

分類Dev

基本クラスからの非同期voidイベントハンドラーメソッドのオーバーライド

分類Dev

非同期メソッドと進行状況インジケーター

分類Dev

AsyncTaskを使用してバックグラウンドサービス内にAndroidの進行状況ダイアログを追加し、致命的な例外を取得する

分類Dev

進行状況ダイアログ、Androidでのブロードキャストレシーバーのクラッシュ

分類Dev

PUTは、ストリームと進行状況を含むファイルのバイト範囲をアップロードします

分類Dev

進行状況インジケーターは、進行状況バーの外側から始まります

分類Dev

curlでコールバックの進行状況を使用すると、ファイルのダウンロードが遅くなるのはなぜですか?

分類Dev

プロンプトをハイジャックせずにバックグラウンドプロセスから進行状況をエコーする

分類Dev

リストからファイルをダウンロードして進行状況バーを表示する方法

Related 関連記事

  1. 1

    ファイルをアップロードするときに「進行状況」と更新イベントをajaxリクエストにバインドする方法

  2. 2

    UIスレッドでのバックグラウンドスレッドの進行状況のレポート

  3. 3

    Firebaseオフラインストレージの詳細-手動同期と進行状況情報

  4. 4

    ダウンロードの進行状況バーを表示するイオン

  5. 5

    サーバー操作のNode.jsクライアント側の進行状況インジケーター

  6. 6

    ワークボックス-バックグラウンド同期-オフライン投稿-ブラウザがオンラインに戻ったときの再生イベントがトリガーされない

  7. 7

    Javascriptイベントリスナーは他のボタンをオーバーライドしますか?

  8. 8

    進行状況/通知を伴うサーバーへの非同期リクエスト

  9. 9

    Javaコマンドラインの非決定的な進行状況バー

  10. 10

    Condaアップデート:インストールの進行状況(バージョン4.3)

  11. 11

    Delphiのチェックボックスリストと進行状況のあるファイルのコピー

  12. 12

    youtube-dlファイルのダウンロードの進行状況とzenityプログレスバー

  13. 13

    youtube-dlファイルのダウンロードの進行状況とzenityプログレスバー

  14. 14

    ジャージークライアントのアップロードの進行状況

  15. 15

    進行状況の通知とともにバックグラウンドでFirebaseStorageにファイルを継続的にアップロードする

  16. 16

    Javaドライバーを使用してmongo DBでインデックス作成の進行状況を確認する

  17. 17

    Blazorサーバー側を使用して、大きなファイルでコントローラーからクライアントへのファイルの進行状況のアップロードステータスを取得することは可能ですか?

  18. 18

    バックボーン/ハンドルバー/ブートストラップ設定でのボタンクリックイベント処理

  19. 19

    ウィジェットのクリック イベント リスナーをオーバーライドする - Appcelerator Titanium

  20. 20

    Scalaのスレッドセーフ進行状況インジケーター

  21. 21

    基本クラスからの非同期voidイベントハンドラーメソッドのオーバーライド

  22. 22

    非同期メソッドと進行状況インジケーター

  23. 23

    AsyncTaskを使用してバックグラウンドサービス内にAndroidの進行状況ダイアログを追加し、致命的な例外を取得する

  24. 24

    進行状況ダイアログ、Androidでのブロードキャストレシーバーのクラッシュ

  25. 25

    PUTは、ストリームと進行状況を含むファイルのバイト範囲をアップロードします

  26. 26

    進行状況インジケーターは、進行状況バーの外側から始まります

  27. 27

    curlでコールバックの進行状況を使用すると、ファイルのダウンロードが遅くなるのはなぜですか?

  28. 28

    プロンプトをハイジャックせずにバックグラウンドプロセスから進行状況をエコーする

  29. 29

    リストからファイルをダウンロードして進行状況バーを表示する方法

ホットタグ

アーカイブ