我正在使用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