0

javascript、HTML for IE9を使用して、インターネット サイトを作成しています。

次の方法で画像を動的にロードする解決策を見つけました。

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

関連する<IMG>id_image および関連する id_filepic<input id="id_filepic" type="file">

行の後:

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

画像が html ページに表示された直後に発生する正確なイベントは何ですか (したがって、画像には幅 + 高さがあります)、そのイベントをどのようにキャプチャできますか?

IE9のソリューションを知ることは私にとって重要です。

4

2 に答える 2

1

とにかく非同期になるので、その行の後にある必要はありませんが、ここにあります：

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 画像オンロード イベント バインディング

于 2013-06-09T17:35:59.337 に答える