html - WebSockets-向连接的客户端发送图像

Question

这是我在 stackoverflow.com 上的第一篇文章，所以我会尽量直截了当。我必须使用 websockets 开发 webapp 的功能。我可以使用 websockets 发送文本数据，但不能发送图像。我已经查看并尝试了不同的可能性，但无法使其工作。图像的处理有在javascript中。

如果您有解决方案，请帮助我。谢谢。

更新：我已经成功使用 HTML5 的 FileReader Api 发送带有 websockets 的图像。谢谢大家。

Answer 1

Websockects 不能发送图像或二进制数据以外的任何东西。您可以通过将图像运行时转换为 Base64 数据并通过 javascript 将其解码为图像来解决此问题。

有很多关于如何解码 Base64 编码图像的示例，但您也可以将其直接嵌入到图像 src 中：<img src="data:image/png;base64,xxxxxxxxxxxxxxxxxx" />将 x'es 替换为 Base64 数据。