WebSockets - 将图像发送到已连接的客户端

时间:2012-05-06 08:31:32

标签: html5 websocket

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

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

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

1 个答案:

答案 0 :(得分:2)

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

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