我正在使用javascript,IE9的HTML编写一个Internet网站。

我找到了通过以下方式动态加载图像的解决方案:

document.getElementById("id_image").filters.item("DXImageTransform.Microsoft.AlphaImageLoader").src = document.getElementById("id_filepic").value


<IMG>相关的id_image和与<input id="id_filepic" type="file">相关的id_filepic

行后:

document.getElementById("id_image").filters.item("DXImageTransform.Microsoft.AlphaImageLoader").src = document.getElementById("id_filepic").value


图像在html页面上显示之后发生的确切事件是什么(因此,图像具有宽度+高度),我该如何捕获该事件?

了解IE9的解决方案对我来说很重要。

最佳答案

它不必在该行之后,因为它仍然是异步的,但这里是:

document.getElementById("id_image").filters.item("DXImageTransform.Microsoft.AlphaImageLoader").src = document.getElementById("id_filepic").value;
document.getElementById("id_image").addEventListener('load', (function(i) {
    return function() {
        console.log(i, 'loaded');
    }, false);
})(i));


资料来源:Javascript Image onload event binding

10-05 20:59
查看更多