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

Question

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

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

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

Answer 1

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

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