jQueryとXmlHttpRequest Level2とファイルアップロード

はじめに

　ajaxでファイルアップロードできるらしいということで、やってみました。

環境

• jQuery 1.8.3
• Chrome 27

方法

以下のサイトが参考になります。

• jQueryでAjaxでファイルアップロード - やわらかたまご - molaovo -
• ServletとjQueryによる非同期ファイルアップロード - コンピュータクワガタ

わかったこと

• IE8だと駄目っぽい。FormDataクラスが存在しないのが原因。調べたところjquery-upload-progressを併用すればできそうなのだが、未検証。
  参考：javascript - FormData in IE8/9 - Stack Overflow
• processData: falseとcontentType: falseが超重要。そして、忘れてた場合のエラーメッセージが間接的で分かり難い…。

最後に

　未確認ですがIE10ならアップロードできるっぽいですね。Windows 8が普及する頃には、Ajaxでのファイルアップロードが当たり前になっているのでしょうね。