ページ遷移を行わずにファイルタイプのアップロードを行うには、大体2つのパターンが考えられます。 一つは、ファイルデータをbase64形式にエンコードして、Ajax通信でサーバへ送る方法。 そして、もう一つは、ページ内にiframeを生成して、そこでformによる通信からサーバへ送る方法。 今回は後者の方法を行ってくれるライブラリ、jQuery.uploadを用いて使用者が特に意識することなく画像を非同期っぽくアップロードする方法の紹介です。 jQuery.upload サンプルコード // $(inputSelector).upload(url, callback, type) var url = '/action/to/upload'; var callback = function(res) { alert('File uploaded'); return this; }; var t
![jQueryプラグイン、jQuery.uploadを使って画像の非同期的にアップロードを行う - ToDoDoDo](https://cdn-ak-scissors.b.st-hatena.com/image/square/82bdf85545b8ff64a06cee4dbda98055894d9e12/height=288;version=1;width=512/http%3A%2F%2Fcdn-ak.f.st-hatena.com%2Fimages%2Ffotolife%2Fe%2Feiji_sm%2F20130305%2F20130305132410.jpg)