実装は、ajaxを使って、ファイルを選択した時点で非同期でアップロードするというものです。これにより、submitせずに、即時にアップロードすることができます。用途としては、適材適所です。他のテキストデータ等があり、submitするフォームに組み込むと、submitされなかったときに、アップロードしたファイルを削除しないといけないので、逆に、面倒です。使い方次第ではありますが、個人的には、付属データのない画像のみのアップロードの際に使っています。ajaxでアップロードといっても、サンプルを観覧しただけでは、見た感じは、選択して、レビューを表しているだけにも見えるので、アップロードしているかどうかは、自分の環境で試してみないと確認はできませんので、気になる方は試してみてください。アップロード処理を行うファイルの実装に関しましては、submitではなくajaxで非同期アクセスしているだけの違いですので、通常の方法とまったく同じなので省略します。現時点では、対応ブラウザが限られています。このあたりが、ちょっと使う気になれない部分でもあります。FormDataに関する記述を参照ください。使い方は、普通のjQueryのajaxメソッドに加えて、FormDataをインスタンス化して利用しているあたりが異なるだけです。}});今回の実装では、FormDataの他に、FileReaderも利用していますが、このあたりは、過去にも数回登場していすので、そちらを参考ください。感想FormDataは未対応ブラウザがあるので、クライアントのブラウザ情報を取得して、処理をブラウザによって振り分けるということも考えました。対応以外のものなら、ajaxを使わないフォームの送信に切り替えるというものです。試しましたが、PC又は、スマフォでも、ブラウザ情報を正確に、取得できないものもあるので、こちらも、100%完全に振り分けられるというわけではなかったです。D特にプログラミングの実装を中心に関して実例をシンプルな形で紹介をしたいと思います。短時間で書いているのですが、極力分かりやすく書くように心がけます。reserved.HOMEQ&Aお問合せプライバシーポリシー(個人情報保護方針)。