具有base64字符串的HTML圖像標簽（數據URI）

Question

我大約每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限制可能是問題嗎？ 但是，為什么圖像第一次正確顯示，而在收到圖像之后更頻繁地被縮小（總是從下到上）？

Answer 1

我很抱歉這么說，但是對於這樣的動畫（5-20fps；實時），Javascript和每幀HTTP請求不是正確的解決方案。 您需要視頻流。 否則，請嘗試嘗試，視頻將不同步，並且只有少數幾個人在使用服務器，服務器將過載。