javascript - 带有 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-20​​fps；实时），Javascript 和每帧 HTTP 请求不是正确的解决方案。您需要视频流。否则，请尽你所能，视频将不同步，服务器将因只有少数人使用而过载。