Firefox 在发送 base64 图像时给了我一个\'与 WS 的连接在页面加载时被中断。\'答案

【问题标题】：Firefox gives me a 'The connection to WS was interrupted while the page was loading.' when sending base64 imageFirefox 在发送 base64 图像时给了我一个\'与 WS 的连接在页面加载时被中断。\'
【发布时间】：2022-10-26 04:21:02
【问题描述】：

目前，我们正在尝试通过 WebSocket 连接发送 base64 图像。当我在 Edge 或 Chrome 上执行此操作时，它似乎可以正常工作。这里的用例是我们正在获取画布元素的数据 url。

Sample Image

this.ws_connection = new WebSocket(websocketServerCobrowse);

sendCanvasImage = function(element){    
   let payload = {};
   payload.replacementImg = true;
   payload.imgData = element.toDataURL();
   payload.id = element.id;
   this.ws_connection.send('sendCanvasImage', payload);

【问题讨论】：

标签： javascript firefox websocket

【解决方案1】：

所以找出了发生这种情况的原因。由于我使用 JSON.stringify 发送 WebSocket 调用，如果调用时间过长，它会断开连接。 WebSocket 根本没有崩溃，浏览器实际上阻止了消息的发送，然后关闭了连接。现在我正在检查消息的长度，如果它超过了，我要么删除导致它太长的违规部分，要么显示一条消息，用于指示正在发生的事情的人。

【讨论】：