約 50 ~ 200 ミリ秒ごとに一連の httprequests から jpeg 画像のバイナリ データを取得し、このデータを base64 文字列に変換し、その文字列を javascript で img タグに挿入します。
var img = document.getElementById('img1');
img.src = 'data:image/jpeg;base64,' + b64str + '';
そのため、より大きな写真を受け取ると、数秒後に画像 (最初に完全に表示されたもの) が下からどんどん削られていき、特定のポイントに到達するようになります。
ちょっと検索したら出てきた
Internet Explorer 8 では、データ URI が最大 32 KB に制限されています。(Internet Explorer 9 にはこの制限はありません)
試す IE9 を搭載したコンピューターはありません。IE8 と IE6 しかありません。32kb の制限が問題になるのでしょうか? しかし、なぜ画像は最初は正しく表示され、画像を受け取った後はより頻繁に切り捨てられるのでしょうか (常に下から上に表示されます)。