SWFUpload jQuery Plugin : Adam Royle

Flashを応用して便利にファイルアップできる「SWFUpload」のjQueryプラグインが公開されています。



SWFUpload を使えば、複数ファイルのアップロードが行え、アップロードの進捗もプログレスバーで確認できて、通常のブラウザベースのアップロードとは格段に使い勝手がよくなるのはご存知の通り。
SWFUploadの動作を実際に確認してみる場合はこちら

SWFUpload を jQuery方式で関数を呼べてしまうので、jQuery な方はこれを使ったほうが使いやすいかも。

次のように初期化ができ、簡単です。

$('.swfupload-control').swfupload({
    // BEの設定
    upload_url: "../upload.php", // 送信先URL

    // ファイルアップロードに関する設定
    file_size_limit : "102400", // 100MB 
    file_types : "*.*", 
    file_types_description : "All Files", 
    file_upload_limit : "10", 
    file_queue_limit : "0", 

    // ボタンの設定
    button_image_url : "../multiinstancedemo/XPButtonUploadText_61x22.png", // ボタン画像ＵＲＬ
    button_placeholder_id : "spanButtonPlaceholder", 
    button_width: 61, 
    button_height: 22, 

    // Flashの設定
    flash_url : "../swfupload/swfupload.swf"
});

オプションの値も直感的で分かりやすく、使うのに迷うことはないかも。

関連エントリ

• FlashとAjaxを使った使いやすいファイルアップロードライブラリ「FancyUpload」
• リアルタイムにファイルをアップロード可能なExtベースJavaScriptライブラリ