预加载图像PHP并在JS中等待直到完成
Preload image PHP and waiting in JS till finished
我需要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 完成加载?
由于DaveRandom在上面的讨论中完美地回答了这个问题,这是最终的代码。 preloadImage 是一个 jQuery 对象,这意味着需要传递 .load() 函数。
var preloadImage = $('<img />').attr('src', 'getimage.php').load(function() {console.log('finished')})
相关文章:
- Node.js-等待process.exit()在前面的代码完成后执行
- 按顺序异步加载JS脚本(等待上一个脚本完成)
- Node.js使变量等待分配,直到回调函数完成
- 等待函数完成,然后将返回值分配给变量JS
- 我怎么能在Angular JS中等待,直到我的web服务返回
- 在 JS 中使 for 循环在没有库的情况下等待
- 节点.js 不等待数据
- 预加载图像PHP并在JS中等待直到完成
- 挖空.js:等待视图模型实例化完成
- Chrome扩展:等待元素加载(async js)
- 如何在Node.js中等待函数完成后再继续
- 如何在js中等待if语句内部的结果
- 如何让Capybara/Poltergeist等待js启动的导航完成
- JS等待自定义UI
- JS GeoLocation:让$.ajax等待结果
- 异步等待.js回调中的多个参数
- 如何在等待JS加载内容后解析HTML页面
- 等待JS函数中异步调用的结束.(jQuery.Deferred?)
- HTMLUnit等待JS问题
- WebDriver:等待'JS弹出窗口'不使用Thread.sleep()来加载