津田の開発な日記 (RunRunDietOnline)

Ajax なファイルアップロード処理 (1) (2007/02/17 15:08)

画面遷移しない、Ajaxなファイルアップロード処理について試してみる
まずは、基本の確認から

Ajax でない、通常のファイルアップロードは、<form> の <input type="file"> タグを使用する

    <form action="fileUpload.php" method="post" enctype="multipart/form-data">
    <input type="hidden" name="MAX_FILE_SIZE" value="100000" />
    <input type="file" size=40 name="fileUpload" />
    <input type="submit" value="あぷ" />
    </form>

action にはアップロード処理を行う php/cgi プログラム、method は post そして enctype="multipart/form-data"
と（暗号化方法を）指定しておくのが作法みたいだ
非表示属性で name="MAX_FILE_SIZE" value="100000" でアップロードできるファイルサイズ上限を指定できる
<input type="file" size=40 name="fileUpload" /> がファイル指定する部分
name はアップロード処理を行うプログラムで参照する。つまり <input type="file"> を複数指定することもできる
最後の <input type="submit"> は実行ボタンだ。これが押されると action で指定された php/cgi プログラムが
呼び出される

PHPではアップロードされたファイル情報は $_FILES[名前][プロパティ名]; で参照できる
名前は <input type="file"> タグの name= で指定した名前だ。先の例なら $_FILES['fileUpload'][プロパティ名]; だ
プロパティには、オリジナルファイル名（'name'）、タイプ（'type'）、サイズ（'size'）、
アップロードされたファイルのテンポラリファイル名（'tmp_name'）を指定できる。
詳しくは http://manual.xwd.jp/features.file-upload.html を参照

通常は、アップロードされたテンポラリファイルを適切なディレクトリにコピーし、テンポラリファイルは消去しておく

サンプル：http://vivi.dyndns.org/php/upload01.php
ソース：http://vivi.dyndns.org/php/upload01.php.txt

続き：Ajax なファイルアップロード処理 (2)