前の記事 ≪:開発者・WEBデザイナが使えるiPhoneアプリ集
次の記事 ≫:ミルクの入ったグラスが激しく揺れている風のロゴ作成チュートリア...

Flashを応用して便利にファイルアップできる「SWFUpload」のjQueryプラグイン

2009年06月18日-はてなブックマーク

スポンサード リンク
[PR] 英単語を忘却曲線アプリを使って超効率よく記憶する方法

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", // ボタン画像URL
    button_placeholder_id : "spanButtonPlaceholder", 
    button_width: 61, 
    button_height: 22, 

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

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

関連エントリ

関連の記事検索:jQuery, JavaScript, upload
スポンサード リンク

By.KJ : 2009年06月18日 10:05 livedoor Readerで購読 Twitterに投稿

間違いの指摘をしていただける方はメール、あるいはTwitter/FBでお願いします(クリック)