移动safari - Image加载时的可靠回调？ [英] mobile safari - reliable callback for when Image loads?

问题描述

我尝试按原样加载图片：

I try to load an image as such:

var img = new Image();
img.src = 'mars.png';
img.onLoad = callback;


function callback(){
    // doesnt fire
       alert("loaded");
}

回调永远不会触发，解决方法是什么？

the callback never fires, whats the workaround?

推荐答案

您必须在更改src之前定义onload，并且事件处理程序为小写，因此拼写为onload

You MUST define the onload BEFORE you change the src and event handlers are lowercase so it is spelled onload

var img = new Image();
img.onload = callback;
img.src = 'mars.png';

function callback(){
  alert("loaded");
}

或者我喜欢它

var img = new Image();
img.onload = function(){
  alert("loaded");
}
img.src = 'mars.png';

这篇关于移动safari - Image加载时的可靠回调？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！