マルチファイルのアップロードを可能にするクールな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プラグインというのがうれしいですね。
関連エントリ
- ファイルアップロードの際に便利なFlash/JavaScriptウィジェット集
- PHP5.2以降のリアルタイムなファイル・アップロード実装チュートリアル
- リアルタイムにファイルをアップロード可能なExtベースJavaScriptライブラリ
関連の記事検索:JavaScript, Ajax
スポンサード リンク
Advertisements
SITE PROFILE
最新のブログ記事(新着順)
- CSSのみで実現できるローディングアニメーションやエフェクト集「Css Effects」
- スムーズに横スクロールするレイアウトサンプル
- 斬新なページメニューが作れる「Inline Menu Layout with Gallery Panel」
- 世界中で今何時を計算できる「Spacetime」
- シンプルなタブUIを実現できる「Skeletabs」
- テキストを省略してブロックを小さくできる「Cuttr.js」
- インタラクティブに動く立体的なテキストを生成「ztext.js」
- WebGLを使った動画の切り替えアニメーション実装
- スクロールにあわせて動くイメージタイル実装
- 1000以上の汎用アイコンセット「emblemicons」
- 過去のエントリ