javascript tcp 传输文件

原创

mob649e815375e5 2023-10-31 04:18:04 ©著作权

文章标签 TCP 客户端服务器 文章分类 JavaScript 前端开发

©著作权归作者所有：来自51CTO博客作者mob649e815375e5的原创作品，请联系作者获取转载授权，否则将追究法律责任

JavaScript TCP传输文件

在Web开发中，我们经常需要在客户端和服务器之间传输文件。虽然常见的方法是使用HTTP协议进行文件传输，但是TCP协议也提供了一种可行的解决方案。本文将介绍如何使用JavaScript通过TCP协议来传输文件，并提供相应的代码示例。

TCP协议简介

TCP（传输控制协议）是一种面向连接的协议，可确保数据从一个端点（例如客户端）按顺序传输到另一个端点（例如服务器）。

与HTTP不同，TCP协议可以在连接建立后保持持久连接，这意味着可以在同一连接上连续传输多个文件。TCP协议还提供了强大的错误检测和纠正机制，确保数据的完整性和准确性。

JavaScript TCP库

要在JavaScript中使用TCP协议进行文件传输，我们需要使用一个TCP库。在本文中，我们将使用net模块，这是Node.js提供的一个核心模块。

首先，我们需要安装Node.js，然后使用以下命令安装net模块：

npm install net

服务器端代码

下面是一个简单的服务器端代码示例，演示了如何接收来自客户端的文件，并将其保存在服务器上：

const net = require('net');
const fs = require('fs');

const server = net.createServer((socket) => {
  // 接收文件名
  socket.on('data', (data) => {
    const fileName = data.toString();
    const fileStream = fs.createWriteStream(fileName);
    
    // 接收文件内容
    socket.pipe(fileStream);
    socket.on('end', () => {
      console.log(`文件 ${fileName} 接收完成`);
    });
  });
});

server.listen(3000, () => {
  console.log('服务器已启动，监听端口 3000');
});

在上面的代码中，我们创建了一个TCP服务器，并在客户端连接到服务器时触发connection事件。当服务器接收到客户端发送的文件名时，它将创建一个可写流并将文件内容写入该流。

客户端代码

下面是客户端代码示例，演示了如何通过TCP协议将文件发送到服务器：

const net = require('net');
const fs = require('fs');

const client = new net.Socket();

client.connect(3000, 'localhost', () => {
  const fileName = 'example.txt';
  const fileStream = fs.createReadStream(fileName);
  
  // 发送文件名
  client.write(fileName);
  
  // 发送文件内容
  fileStream.pipe(client);
  fileStream.on('end', () => {
    console.log(`文件 ${fileName} 发送完成`);
    client.end();
  });
});

在上面的代码中，我们创建了一个TCP客户端，并连接到服务器的指定端口。客户端将打开指定的文件，并将文件内容发送到服务器。