移动safari - Image加载时的可靠回调？

Question

我尝试加载图像：

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


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

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

Answer 1

你必须在更改src之前定义onload，并且事件处理程序是小写的，因此它拼写为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';

Answer 2

你试过这些吗？

var img = new Image();
img.src = 'mars.png';
img.onLoad = function(){
    // doesnt fire
       alert("loaded");
};

Answer 3

mplungjan是对的，你可以改用：

img.onload = function(){
    // doesnt fire
       alert("loaded");
};

在 onLoad

中

较低 l