ユーザーがファイルを Web アプリケーションにアップロードしている間、アニメーション gif より意味のあるものを表示したいと思います。私にはどのような可能性がありますか?
編集: 私は .Net を使用していますが、プラットフォームに依存しないバージョンを誰かに見せられてもかまいません。
ユーザーがファイルを Web アプリケーションにアップロードしている間、アニメーション gif より意味のあるものを表示したいと思います。私にはどのような可能性がありますか?
編集: 私は .Net を使用していますが、プラットフォームに依存しないバージョンを誰かに見せられてもかまいません。
これらすべてが一般的にクライアント サイトでどのように機能するかに興味がある場合は、次のとおりです。
すべてのソリューションは、javascript を介してフォームを接続し、フォームのターゲットを新しく作成された非表示の IFRAME に変更します。その後、AJAX を自由に使用して、サーバーからファイルに関するステータスを要求できます。
アップロードを実行しているウィンドウで実行されているすべてのスクリプトは、ファイルが完全にアップロードされる要求が完了するまでハングするため、IFRAME トリックが必要です。
以下は、いくつかの一般的な JavaScript ツールキットで探しているもののいくつかのバージョンです。
リアルタイムプログレス バーを使用した ASP.NET ファイルのアップロード
http://mattberseth.com/blog/2008/07/aspnet_file_upload_with_realti_1.html
私はさまざまな手法を試しましたが、SWFUploadで最も成功しました。
Javascript を使用して SWFUpload オブジェクトを作成および操作しますが、ファイルの選択、アップロード、およびアップロードの進行状況の監視には (非表示の) Flash ファイルを使用します。アップロードの進行中に Flash が呼び出すさまざまな Javascript イベント ハンドラー ( 、 など) を指定できるためuploadStarted
、uploadProgress
柔軟性uploadError
が非常に高くなります。また、ファイル キューも実装しているため、1 つまたは複数のファイルに適しています。
リンク:
プログレスバーを実行するための.NET固有の優れたヘルプは、昨年7月と8月のDinoEspositoのMSDNMagazineの記事にあります。
AJAXを使用したコンテキスト依存のフィードバック(2007年7月)
ASP.NET AJAXを使用したサーバータスクのキャンセル(2007年8月)
Ajax を使用せずにこれを行う良い例が、Nilesh Thakkar による CodeProject に示されています。
jQuery UI プログレスバー - http://jqueryui.com/demos/progressbar/