Websocket 发送和接收带有 Base64 带宽问题的图像

Question

我使用Django频道对Web插座进行了编码，现在想添加在聊天中发送图像的可能性（显然是聊天应用程序）。

我现在所做的：

• 用户选择一个图像（前端）
• 用户将其发送到后端（HTTP帖子），
• 我使用Django信号（这是数据库的侦听器）来检测是否有一个带有映像附加映像的新消息
• 我将图像发送回Websocket

以下是问题所在：

• 它很慢（不太明显但很慢）
• 有时会导致怪异的不端行为，

所以现在我想到将图像发送为base64，然后直接将其发送给我任何可能有帮助的HTTP，因为它更快一些。
但是： base64图像大20-30％，我需要在前端提取所有EXIF数据。是否有可能将图像作为文件作为文件发送到后端的文件，或者如果没有的话，有办法绕过更大的尺寸（20-30％），这是一个问题，因为我不能使用太多的带宽： /

其他聊天应用程序如何解决此问题？

Answer 1

WebSocket.send() 接受不同的数据-类型作为参数。您可以通过 WebSocket 双向传输二进制数据。

在此代码段上，您可以了解如何在客户端和服务器端使用它在 JavaScript 中。 Django 通道还支持二进制数据。

您可以将任何信息附加到文件中的二进制数据，并将其作为标头与文件一起发送。

例如，通过使用2（或3）Byte来指示报头的长度。这意味着最多 64KB（或最多 16MB）用于存储文件名和您可能需要的其他信息等信息。最后，这类似于 HTTP POST。

然后，您发送的消息将如下所示：

 len of header     | header                 | file 
-------------------+------------------------+-----------
 00 00 up to FF FF | infos about the upload | binary

甚至可以有多个文件：

< header len >
< header >
< file len >
< file >
< header len file 2 >
< header file 2 >
< file 2 len >
< file 2 >
...and so on

之后您在服务器端所需要做的就是将组合消息拆分回由长度值定义的部分。