javascript - 移动 safari - 加载图像时的可靠回调？

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较低