php - 画像 PHP をプリロードし、終了するまで JS で待機する

Question

JS で画像用のプリローダーが必要です。画像は PHP スクリプトによって取得され (ファイル構造がユーザーに公開されないようにするため)、img タグの属性として設定されます。プリロードの後、イベント リスナーとしてバインドされたイベントが発生するのを待ちます (スライドショーのようなものです)。

var preloadImage = $('<img />').attr('src', 'getimage.php');
preloadImage.onLoad = function() {console.log('finished')}

問題は、もちろん、onLoad は JS で処理されている画像を処理するため機能しないことです。この場合、PHP が画像の取得を完了するのを待っています。phpスクリプトはこんな感じ

<?php
header("Content-type: image/png");
readfile('image.png');
?>

この場合、php の読み込みが完了するまで JS を待機させる方法を知っている人はいますか?