提出後にフォームの進捗状況を取得するにはどうすればよいですか？

Question

提出したフォームの進捗状況をどうにかしたいのですが。私のスクリプトは、enctype multipart/form-dataを持つシンプルなフォームを使ってファイルをアップロードします。送信機能を起動した後、私は何とか現在のアップロードの進行状況を追跡して処理したいと思います。たとえば、デフォルトでは、フォームが「アップロード中」のときに左下に表示されます（アップロード：10％）。現在進行中のフォームのハンドルを作成するにはどうすればよいですか？

私がこれまでにフォームに対して行った唯一のことは、送信を検出することです。ここで

$("#form1").submit(function(event) { 
event.preventDefault(); 
alert("submitting"); 
}); 

Answer 1

は、一般的なアプローチです：

1. クライアント：
2. クライアントタイマーを起動します。フォームデータを送信
3. クライアント：タイマハンドラでは、のためにAJAXと投票経由でリクエストを送信しますサブミッションの現在のステータス
4. クライアント：送信が完了するまで、タイマーを再起動します。

サーバー上では、2つの要求ハンドラと共有メモリ構造が必要です。最初の要求ハンドラは要求を処理し、現在のステータスでメモリ構造を更新します。

第2のハンドラは、共有メモリ構造体を読み取り、現在のコンテンツをクライアント上で実行中のタイマーコールバックに返します。