津田の開発な日記

いったい何を開発しているのか? (RunRunDietOnline プロトタイプ build 0026)

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

Ajax なファイルアップロード処理 (1) は通常の方法だが、それだとページ遷移してしまうので Ajax っぽくない
そこで iframe を使って、ページ遷移しないようにしてみる

ページのどこかに <iframe name="uploadFrame"></iframe> と iframe を切る。名前は "uploadFrame" とかにする
んで、<form> のアトリビュートに target="uploadFrame" を追加する。
    <form action="fileUpload.php" method="post" target="uploadFrame" enctype="multipart/form-data">
この指定により、submit ボタンが押されると、"fileUpload.php" がコールされ、ページ遷移せず、
その結果が <iframe name="uploadFrame"> に表示される。という寸法だ。
cgi/php の処理結果を表示したくない場合は iframe に style="display: none" 属性をつければよろし

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

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