ie8 中未调用图像上的 onload 回调

我正在尝试预加载图像并将高度和宽度设置为容器。

问题似乎出在 ie8 中的缓存，因为它无法在后续刷新时加载。

我查找并尝试了多种解决方案，但似乎没有任何效果，至少不一致。

当前的 JavaScript：

    img = new Image();
    img.src = '/images/site/image.jpg';
    img.onload=function(){
        var width = img.width + 'px';
        var height = img.height + 'px';

        $('#container').css({'width':width,
                          'height':height
        });
    };

任何建议表示赞赏，谢谢。

您必须设置onload设置之前的回调src.

当图像被缓存时，不会使用您的代码调用 onload 回调load事件在回调设置之前生成。

做这个 ：

img = new Image();
img.onload=function(){
    var width = img.width + 'px';
    var height = img.height + 'px';

    $('#container').css({'width':width,
                      'height':height
    });
};
img.src = '/images/site/image.jpg';