ファイル内容取得の進捗状況を取得するには？
解説
ファイル内容の読み込みの進捗状況を取得するには、onprogressイベントハンドラの引数であるeventオブジェクトの以下の属性を参照します。
| 名前 | 内容 |
| lengthComputable | 全体のサイズがわかっているかどうか。読み取り専用 |
| loaded | 既に読み込まれたバイト数。読み取り専用 |
| total | 読み込む全体のバイト数。読み取り専用 |
以下にこれらの属性の使用例を示します。
// fは取得したFileオブジェクト、infoは情報表示用の領域
var reader = new FileReader();
reader.onprogress(event){
info.innerHTML = event.total + "バイト中" + event.loaded + "バイト完了";
}
reader.readAsDataURL(f);
onprogressイベントハンドラは、ファイル読み込みの進行中に定期的に複数回呼ばれます。その際、システムから渡される引数であるeventオブジェクトには、属性として全体のバイト数totalと既に読み込んだバイト数loadedが設定されます。ここでは取得したバイト数をそのまま文字列として表示しています。
関連項目
