シンプルにAjaxファイルアップロードできるjQueryプラグイン

jquery javascript

Ajaxライクに非同期でファイルをアップロードできるjQueryプラグインつくりました。
同様のプラグインやライブラリはいくつかありますが、Flashを使用しないシンプルな実装で
jQueryのスタイルを踏襲しているものがなかった（要は好みじゃなかった）ので再実装しました。


デモ
ダウンロード

サンプル

ファイルの選択と同時にそのファイルをアップロードする場合は下記のようになります。 

$('input[type=file]').change(function() {
    $(this).upload('/action/to/upload', function(res) {
        // アップロード完了時の処理
    }, 'json');
});

upload(url, [data], [callback], [type])

  • url: アップロード先のURL
  • data: 追加で送信するパラメータ
  • callback: アップロード完了時に実行されるコールバック関数
  • type: コールバック関数で受け取るレスポンスのデータタイプ


dataが必要ない場合は、upload(url, callback, type)という形式で引数をとることもできます。


詳しくは、http://lagoscript.org/jquery/uploadを参照してください。