非同期アップロード

結局iframeとjavascriptで解決。Ajax使う必要は無かった。

  1. iframe内にフォームとinput type=fileのセットを置く
  2. input type=fileのonchangeが走ったらsubmitしちゃう
  3. アップロードされたファイルのmime-type調べてテンポラリから公開できる場所に移動
  4. そのURLをjavascriptで親のフレームにあるimgタグに突っ込む。
  5. プレビュー表示完了(・∀・)!

ただし、File読み込みのフォームが多いとhttpリクエストが増えまくりなのが問題だ・・・