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

标签 html websocket

这是我在 stackoverflow.com 上发表的第一篇文章,所以我会尽量简单明了。 我必须使用 websockets 开发 web 应用程序的功能。我能够发送文本数据 使用websockets,但不是图像。我已经查看并尝试了不同的可能性,但无法使其工作。图像的处理必须在javascript中进行。

如果你有解决办法,请帮助我。 谢谢。

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

最佳答案

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

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

关于html - WebSockets-将图像发送到连接的客户端,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10469230/

相关文章:

javascript - 如何在 onmouseleave 事件中使用 RGBA?

c++ - 如何使用 Websocketpp 发送消息

javascript - Matlab 到 HTML5 WebSocket

html - 编码html电子邮件时的一般经验法则

jquery - 影响哪些 dom 元素首先加载到 siteload

php - 带有 php 函数的图像链接

javascript - 套接字 IO 无法在公司网络内连接

html - 位置:固定;在其下方添加少量空白

javascript - Angular Observables 返回匿名函数

websocket - Tornado WebSocket 每分钟关闭一次