WebSocket传递参数（WebSocket传输文件）

WebSocket简介

WebSocket是一种在单个TCP连接上进行全双工通信的协议，它使得客户端和服务器之间可以进行实时双向数据传输，而不需要频繁地建立和关闭连接，WebSocket常用于实现实时聊天、实时数据更新等场景。

WebSocket传递参数

1、基本语法

WebSocket的连接建立后，可以通过发送文本或二进制数据来进行参数传递，以下是一个简单的示例：

// 创建WebSocket对象
var socket = new WebSocket("ws://example.com/socket");
// 连接建立后触发的事件
socket.onopen = function() {
    // 向服务器发送参数
    socket.send("Hello, server!");
};
// 接收到服务器返回的数据的事件
socket.onmessage = function(event) {
    // 处理服务器返回的数据
    console.log("Received data from server: " + event.data);
};

2、传递文本参数

通过send()方法可以发送文本数据给服务器。

socket.send("Hello, server!"); // 发送文本参数给服务器

3、传递二进制参数

通过send()方法也可以发送二进制数据给服务器，要传输一个文件，可以将文件转换为Blob对象，然后使用send()方法发送：

// 获取文件对象
var fileInput = document.getElementById("fileInput");
var file = fileInput.files[0];
// 将文件转换为Blob对象
var reader = new FileReader();
reader.onload = function(e) {
    var blob = new Blob([e.target.result], {type: file.type});
    socket.send(blob); // 发送二进制参数给服务器
};
reader.readAsArrayBuffer(file);

相关问题与解答

1、WebSocket如何判断连接是否建立成功？

答：可以通过监听onopen事件来判断WebSocket连接是否建立成功，当连接建立成功后，会触发该事件，示例代码如下：

socket.onopen = function() {
    console.log("Connection established successfully!");
};

2、WebSocket如何接收服务器返回的数据？

答：可以通过监听onmessage事件来接收服务器返回的数据，当收到服务器返回的数据时，会触发该事件，示例代码如下：

socket.onmessage = function(event) {
    console.log("Received data from server: " + event.data);
};