`

websocket下js发送和接受byte array信息

阅读更多
1.建立websocket连接
var ws = null;
	$("#connect").click(function() {
		ws = new WebSocket("ws://localhost:8080/storage");
		ws.binaryType = "arraybuffer";

2.拼接&发送byte array
String.prototype.getBytes = function() {
		    var bytes = [];
		    for (var i = 0; i < this.length; i++) {
		        var charCode = this.charCodeAt(i);
		        var cLen = Math.ceil(Math.log(charCode)/Math.log(256));
		        for (var j = 0; j < cLen; j++) {
		            bytes.push((charCode << (j*8)) & 0xFF);
		        }
		    }
		    return bytes;
		}
var test = "hello world!"
		var buffer = new ArrayBuffer(test.length);
		var intView = new Int8Array(buffer);
		for(var i = 0; i < intView.length; i++){
			intView[i]=test.getBytes()[i];
		}
		
		ws.send(intView);


3.接收&处理byte array
ws.onmessage = function(event) {
			if (/^\[object (?:Uint8Array|ArrayBuffer)(?:Constructor)?\]$/.test(event.data)){
				var bufView = new Uint8Array(event.data);
		        var unis = [];
		        for (var i = 0; i < bufView.length; i++) {
		          unis.push(bufView[i]);
		        }
				console.log('Received from extract: '+String.fromCharCode.apply(null, unis));
			}else{
				console.log('Received from extract: '+event.data);
			}
		};
分享到:
评论

相关推荐

    使用webSocket简单实现群发消息和指定用户发送消息

    2. 客户端JavaScript代码,用于创建WebSocket连接,发送和接收消息。 3. 可能还有用户管理逻辑,如用户注册、登录和会话管理。 4. 测试脚本或示例HTML页面,展示如何与WebSocket服务器交互。 理解并掌握WebSocket的...

    springboot实现websocket发送和接收消息

    本篇文章将深入探讨如何使用Spring Boot来实现WebSocket的发送和接收消息功能。 首先,我们需要在Spring Boot项目中添加WebSocket相关的依赖。Spring Boot本身并不直接包含WebSocket的支持,但可以通过添加`spring-...

    使用thrift、websocket在javascript和cpp之间建立rpc调用

    使用thrift、websocket在javascript和c++之间建立rpc调用机制。 如果要使用js+html来写界面,cpp来写底层业务逻辑,这就非常有用了。 当然,如果底层不用cpp来写,也可以参考本代码的js对thrift的rpc包装。

    Go-GotifyServer-一个简单的服务器用于通过Websocket来实时发送和接收消息

    处理函数通常包括握手、接收和发送消息等功能。 5. **Go-Gotify Server 实现** Gotify Server 的核心功能是实现实时消息推送。当客户端通过 Websocket 连接到服务器后,服务器可以向所有已连接的客户端广播消息,...

    利用websocket实现即时通讯,支持语音图片分段发送

    在Kotlin语言下,你可以创建一个WebSocket实例,连接到服务器,并实现监听器以处理打开、关闭、错误和接收到的消息事件。对于语音和图片的发送,可能需要将大文件进行分段处理,然后逐段发送,以避免因单个数据包过...

    websocket断线重连 websocket JS框架

    WebSocket是一种在客户端和服务器之间建立持久连接的协议,它允许双方进行全双工通信,即数据可以在两个方向上同时传输,极大地提高了实时性。在Web应用中,WebSocket为开发者提供了实时交互的能力,常用于在线聊天...

    Spring Boot整合websocket实现群聊,点对点聊天,图片发送,音频发送

    对于客户端的JavaScript部分,可以使用`WebSocket`对象建立连接,并监听`open`、`message`、`close`事件来处理连接、发送和接收消息。例如: ```javascript let socket = new WebSocket('ws://localhost:8080/chat'...

    通过WebSocket实现RabbitMQ的发送数据实时显示

    RabbitMQ提供了多种API和库,例如Java的`rabbitmq-client`,使得我们可以方便地创建连接、声明交换机、通道和队列,以及发送和接收消息。 接着,我们要关注WebSocket。WebSocket API设计用于在Web应用中提供全双工...

    websocket 给指定用户发送聊天消息

    这里的`@OnOpen`, `@OnMessage`, `@OnError`, 和 `@OnClose` 注解分别对应于WebSocket连接生命周期的四个关键事件:打开、接收到消息、发生错误和关闭连接。 在8080端口上部署WebSocket服务器,我们需要一个支持...

    WebSocket js<->java, java<->java

    2. WebSocket客户端库:用于JavaScript代码中建立和管理WebSocket连接,发送和接收数据。 3. WebSocket配置和路由:可能包括Spring框架中的WebSocket配置,定义WebSocket端点和路由。 4. 数据序列化和反序列化:由于...

    websocket从服务端获取图片

    考虑到大文件传输,可能需要考虑分块发送和接收图片数据,以及在客户端实现进度条显示,提高用户体验。此外,服务端应考虑使用高效的图片编码格式,如WebP,以减少传输数据量。 总结,本示例展示了如何利用...

    springboot使用websocket的js文件

    在Spring Boot应用中,前端通过STOMP.js连接到后台的WebSocket服务器,然后就可以发送和接收消息了。 总的来说,这个压缩包包含的文件是实现Spring Boot WebSocket应用的基本组件。使用jQuery处理页面交互,通过...

    WebSocket传输视频方法总结.txt

    - **JavaScript**: 作为中间层,用于处理视频数据并通过WebSocket发送至服务器。 - **示例代码**: ```csharp // C# 示例代码 using System.Net.WebSockets; using System.IO.Pipelines; var clientWebSocket...

    websocket.js 页面websocket通信用js

    websocket.js,websocket页面使用javascript文件,定义.onopen、onmessage、onclose、onerror函数,html通过调用 openSocket(userId)函数,建立websocket链接;其中userId必须唯一;

    websocket与易语言通讯(源码)

    WebSocket是Web应用中的一种实时通信协议,它允许客户端和服务器之间进行全双工通信,即双方可以同时发送数据,而不必像HTTP那样等待一个请求完全响应后才能发送下一个请求。在易语言中实现WebSocket通讯,可以极大...

    WebSocket_js.zip|WebSocket_js.zip

    2. **协议帧**:WebSocket数据传输通过帧的形式,每个帧包含头部和数据部分,头部定义了帧类型、掩码、长度等信息,数据部分则包含实际的业务数据。 3. **二进制支持**:WebSocket不仅支持文本数据,还支持二进制...

    emo 表情包,websocket开发发送表情包大全

    vue ,uni-app 都可以使用得表情包大全,下载即可使用

    websocket向指定用户发信息

    实现WebSocket向指定用户发送信息的关键在于管理和识别用户。这通常涉及以下几个步骤: 1. **用户标识**:首先,每个连接到WebSocket服务器的用户都需要一个唯一的标识符。这个标识符可以在用户登录时分配,例如...

    Springboot集成websocket+protobuf基本Demo,可实现后端与前端数据实时发送与接收.zip

    WebSocket是一种在客户端和服务器之间建立长连接的协议,它允许双方进行全双工通信,即同时发送和接收数据。在Web应用中,WebSocket为实时通信提供了高效、低延迟的解决方案。Spring Boot,作为Spring框架的轻量级...

    java html js websocket

    客户端也需要实现WebSocket的相关接口,比如`WebSocketClient`,以便处理打开、关闭和错误事件,以及发送和接收数据。 `java-websocket-1.3.0.jar`是一个WebSocket库,它简化了Java中WebSocket的实现。开发者可以...

Global site tag (gtag.js) - Google Analytics