マルチファイルのアップロードを可能にするクールなjQueryプラグイン「uploadify」:phpspot開発日誌

前の記事 ≪：オープンソースのソーシャルＳＮＳエンジン色々
次の記事 ≫：iPhoneをJavaScript＋SQLiteでGPSレコーダーにするチュートリアル

マルチファイルのアップロードを可能にするクールなjQueryプラグイン「uploadify」

2009年07月21日-

スポンサードリンク

JQuery File Upload Plugin Script - Demo - Uploadify

マルチファイルのアップロードを可能にするクールなjQueryプラグイン「uploadify」。
「BROWSE」ボタンを押すと、ファイル選択ダイアログが立ち上がり、次のようにファイルが追加されていきます。

Upload Files を押下すれば、アップロードがリアルタイムで開始されます。
実装コードなのですが、次のようにシンプルで分かりやすいものになっています。

<body>
<input type="file" name="fileInput" id="fileInput" />
<script type="text/javascript">
$(document).ready(function() {
    $('#fileInput').fileUpload ({
        'uploader' : 'uploader.swf',
        'script' : 'upload.php',
        'cancelImg' : 'cancel.png',
        'auto' : true,
        'folder' : '/uploads'
    });
});
</script>
</body>

リアルタイムアップロードの仕組みは色々ありますが、jQueryプラグインというのがうれしいですね。

関連エントリ

関連の記事検索：JavaScript, Ajax