具有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请求不是正确的解决方案。 您需要视频流。 否则，请尝试尝试，视频将不同步，并且只有少数几个人在使用服务器，服务器将过载。