jQueryでAjaxファイルアップロードするためのライブラリ:phpspot開発日誌

前の記事 ≪：斬新なコメントフォームデザイン集
次の記事 ≫：jQueryベースのOS風インタフェース「JSOS」

jQueryでAjaxファイルアップロードするためのライブラリ

2008年12月10日-

スポンサードリンク

Ajax file upload with jquery - valums.com

jQueryでAjaxファイルアップロードするためのライブラリ。
次のようなアップローダーを実装できます。

必要なファイルを読み込んだ後、次のようなスクリプトでアップローダーを初期化します。
なかなかわかりやすい使い方になっていますね。

$(document).ready(function(){
$.ajax_upload('#div_id', {
  // Location of the server-side upload script
  action: 'upload.php',                
  // File upload name
  name: 'userfile',
  // Additional data to send
  data: {
    key1 : 'value',
    key2 : 'value2'
  },
  // Fired when user selects file
  // You can return false to cancel upload
  onSubmit: function(file, extension) {},
  // Fired when file upload is completed
  onComplete: function(file, response) {},
  // Fired when server returns the "success" string                             
  onSuccess: function(file){},
  // Fired when server return something else
  onError: function(file, response){}
});
});