带有 base64 字符串的 HTML 图像标签（数据 URI）

我大约每 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 限制可能是问题所在吗？但为什么图像第一次正确显示，而在更频繁地接收图像后，它被削减（总是从下到上）？

我很遗憾地说，但是对于像这样的动画（5-20​​fps；实时），Javascript 和每帧 HTTP 请求并不是正确的解决方案。您需要视频流。否则，尽你所能，视频将不同步，并且服务器将因只有少数人使用而过载。