预装图像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');
?>

任何人都知道在这种情况下我怎么能让JS等到php加载完毕？

Answer 1

正如DaveRandom在上面的讨论中完美地回答了这个问题，这里是最终的代码。 preloadImage是一个jQuery对象，这意味着需要传递.load（）函数。

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