読者です 読者をやめる 読者になる 読者になる

めも帖

「めも帖」代わりにダラダラと書いていったり、めもしたりしているだけです。

複数ファイルのアップロード(2)

dev

複数ファイルアップロード時に、進捗を知らせたいのでJavaScriptでやってみることにしました。
ファイルのアップロードをAjax化することで、進捗を知ることが出来るようになります。jQueryを使えばAjaxなんて楽々…というのもあるんですが、XMLHttpRequest level 2 を使うので、jQuery無しで実装してみます。

ポイント1

XMLHttpRequest level 2からは、機能が増えています。1つに、バイナリファイルが送信できること。
これは、楽チンです。

ポイント2

multiple 属性の時にファイル数を知る方法。files というプロパティがある

ポイント3

jsdeferred を利用しました。
1つのファイルアップロード毎に処理をしていきます。
もっといい方法ありそうですけれど、今回はとりあえず