PHP + HTML5 + JavaScript + CSS3を使って、複数ファイルアップロードを作ってみた。 http://yoo-s.com/photo_album/ ※FireFox 3.6.3(win)、Safari 4.0.5(win)で確認
■JavaScript yoos.file_uploader-0.1.js
■HTML
ポイントは、multipleですね。 submitボタンがありませんが、ダイアログを表示するようJavaScriptに仕込んでます。 ダイアログを利用するには、
id="file_result"
のHTML要素を追加します。 これでファイル追加結果やアップロード、キャンセルの操作ができます。
その他の機能として、最大ファイル数や容量も、JavaScriptで設定できます。
CSSでデザインを変更することも可能です。 ■CSS yoos.file_uploader.css
あとは、機能としては非同期処理やファイルリストの削除とかかな?