Ajaxにより画面遷移を行わずにファイルアップロードを行えます。
プログラム構成はJavaScriptとPHPです。
こちらのブログで知りました。
[JS]jQueryのプラグイン33+1選 -2007年11月 | コリス http://coliss.com/articles/build-websites/operation/javascript/638.html
基本情報
・サイト
(デモページ)Jquery Ajax File Upload Plugin
http://www.phpletter.com/Demo/AjaxFileUpload-Demo/
(ダウンロード)Ajax File Uploader Plugin For Jquery
http://www.phpletter.com/DOWNLOAD/
※こちらの「Ajax File Uploader Plugin For Jquery」の項目の下にあるダウンロードリンクからダウンロードする。
・ライセンス
トップページに「Welcome to Phpletter.com Open Source Centre!」とあるのでオープンソースの様ですがライセンスが明記されている箇所は見つかりませんでした。
・バージョン
1.0[付属のjQueryのバージョンは1.2.1](2008年3月29日現在)
使用方法
- 解凍したファイルをフォルダごとPHPの使用できるサーバへアップ。
- ajaxfileupload.php ファイルにアクセス。
これでサイトと同様のデモが動作します。
動作の流れとしては ajaxfileupload.php のJavaScriptが doajaxfileupload.php へ向けてファイルをアップロードします。
実際に使用するときは以下の部分を実際の処理と置き換えることになります。
※先頭の <?php の記述はこのブログシステム固有の理由により追加してあります。実際のプログラムにはこの記述はありませんのでご注意ください。
<?php }else { $msg .= " File Name: " . $_FILES['fileToUpload']['name'] . ", "; $msg .= " File Size: " . @filesize($_FILES['fileToUpload']['tmp_name']); //for security reason, we force to remove all uploaded file @unlink($_FILES['fileToUpload']); } echo "{"; echo "error: '" . $error . "',\n"; echo "msg: '" . $msg . "'\n"; echo "}";