津田の開発な日記

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

Ajax なファイルアップロード処理 (3) (2007/02/17 16:25)

iframe を非表示にしていると、ファイルアップロードが終わったことがわからない
そこで、JavaScript を使って、アップロード終了時の処理を行うようにする

親ページにアップロード終了時に呼び出されるJavaScript関数を定義し、
cgi/php で返すテキストを HTML 文書にしておき、そこに JavaScript を記述して、先の終了時処理関数をコールする
具体的には以下のように書く

<script type="text/javascript"><!--
window.onload = function() {
    window.parent.あぷ終了処理();
}
--></script>

window.parent というのは iframe を埋め込んだ親ページのことだ。それの あぷ終了処理() がコールされる
引数を渡すこともできるので、なにか親に伝えたいことがあれば、伝えることもできる。

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

補足：このサンプルでは親ページとiframeのPHPプログラムを共通にしているが、別々に分けてもよい