複数ファイルの同時アップロードを可能にする (swfupload)
2007年2月8日(木) 12:00
CMSやブログでファイルをアップロードする場面が多い。Webシステムでもファイルアップロードをする機能を実装する事もあるかと思う。しかし、複数のファイルを同時に指定して、一気にアップロードと行きたいが、<form>要素には選択肢が無い。
SWFUploadを利用することで、複数ファイルの選択とアップロードを実現できる。先日リリース(2007年01月29日)された最新バージョン0.8.6では、Flashファイルを利用したボタンオブジェクトから以外にも、テキストリンク(<a> タグ)からの実装も可能にした。
複数ファイルを選択するダイアログ

コンテンツに設置したボタンをクリックすると、複数ファイル選択可能なダイアログが表示される。
サイト上からダウンロード可能なサンプルには、fla ファイルも含まれる為Flashボタンのカスタマイズも可能になってる。その他にも、JavaScript経由でアップロードアクションを行うサンプルjsも付属する。
関連する記事
- マウス操作で写真にズームするギャラリーswf(PostcardViewer)
- CSSとCanvasで描写するWeb用のUIフレームワーク(Mocha UI)
- 透明感のあるデザインをJavaScriptで実装する(glassbox.js)
- MP4、FLVなど再生するFlashプレーヤーswf (JW FLV MEDIA PLAYER)
- FlashやFLV、MediaPlayerに対応したスライドショーJavaScript(shadowbox)
- デザインが魅力的なスライドショーJavaScript (Lightview)
- 楽にフォーム入力チェックを実装するJavaScript (JSValidate)
- CSSデザインレイアウトをオンラインで簡単に作成する (YAML)
- ユーザーが再配置可能なWedgetを実装するJavaScript (Prototype Portal Class)
- フォームボタンCSSデザインするテクニック (Rediscovering Button Element)
- 半透明の角まるツールチップを表示するJavaScript (CoolTips)
- JavaScriptでプログレスバーを簡単に実装する (jsProgressBarHandler)
- JavaScriptコード圧縮して盗用から守る (packer)
- iTuneのようにカバーアートを表示するFlash (iTunes Coverflow)
- 画像をサムネイルのサイズで表示するJavaScript (jQuery Thumbs)
- Ajaxでサクサク動くWebファイルマネージャ (Relay)
- アンカータグを利用してスムーススクロールを実装する (df Smooth Scroll)
- MacでもFlashでホイール操作が出来るようにする (SWFMacMouseWheel)
- HTMLなどタグ編集を楽にするエディタ機能JavaScript (jTagEditor)
- 使いやすいYUIライブラリのWYSIWYGエディタ (Rich Text Editor)

