Javascript 浏览器在消耗大量内存后创建图像Blob的ObjectURL时出错
嗯，我在编程一个通过WebSocket从服务器接收图像的Web应用程序时遇到了一个奇怪的错误。服务器每秒向浏览器发送大约8个图像（.bmp）。每个图像的大小约为300KB。这大约是2.4Mbps 浏览器以二进制blob的形式接收图像：Javascript 浏览器在消耗大量内存后创建图像Blob的ObjectURL时出错,javascript,html,memory,websocket,blob,Javascript,Html,Memory,Websocket,Blob,嗯，我在编程一个通过WebSocket从服务器接收图像的Web应用程序时遇到了一个奇怪的错误。服务器每秒向浏览器发送大约8个图像（.bmp）。每个图像的大小约为300KB。这大约是2.4Mbps 浏览器以二进制blob的形式接收图像： //WebSocket var ws = new WebSocket("ws://192.168.0.10:1337"); //Image var camImg = new Image(); ws.onmessage = function(msg) {
//WebSocket
var ws = new WebSocket("ws://192.168.0.10:1337");
//Image
var camImg = new Image();
ws.onmessage = function(msg)
{
var data = msg.data;
// handle binary messages from server
if (data instanceof Blob) camImg.src = window.URL.createObjectURL(data);
};
camImg.onload = function()
{
//draw image to canvas
canvasCont2D.drawImage(this,0,0);
//request next frame
ws.send("give me the next image!");
//delete ObjectURL
window.URL.revokeObjectURL(this.src);
};
camImg.src = window.URL.createObjectURL(data);
camImg.onerror = function()
{
//request next frame anyway and wait for memory flush
ws.send("give me the next image!");
};