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

【问题标题】：mobile safari - reliable callback for when Image loads?移动 safari - 加载图像时的可靠回调？
【发布时间】：2012-08-04 13:36:16
【问题描述】：

我尝试这样加载图像：

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


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

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

【问题讨论】：

【解决方案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';

【讨论】：

【解决方案2】：

你试过这些吗？

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

【讨论】：

【解决方案3】：

mplungjan 是对的，你可以改用这些：

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

onLoad

中的 l 较低

【讨论】：